/* CSS Document */

@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    /*border: 0;*/
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

*:not(input, textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}


/*滚动条美化*/

::-webkit-scrollbar {
    width: 1px;
    height: auto;
}

::-webkit-scrollbar-track-piece {
    background: #ccc;
}


/*移动端*/

html {
    font-size: 625%;
    font-size: 100px;
}

body {
    font-size: 0.16rem;
}

body {
    font-family: Arial, "Microsoft Yahei", "微软雅黑";
    -webkit-font-smoothing: antialiased;
}

html, body {
    height: 100%;
}

blockquote, body, dd, dir, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, input[type=checkbox], input[type=radio], input[type=range], listing, menu, ol, p, plaintext, pre, ul, xmp {
    margin: 0;
}

button, dir, fieldset, input, input[type=button], input[type=checkbox], input[type=file], input[type=hidden], input[type=image], input[type=password], input[type=radio], input[type=range], input[type=reset], input[type=search], input[type=submit], isindex, legend, menu, ol, textarea, ul {
    padding: 0;
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}

input, select, textarea {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button, input, select {
    color: inherit
}

button, input, select, textarea {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    margin: 0;
}

address, cite, dfn, em, i, var {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: normal;
}

fieldset, iframe {
    border: 0;
}

ol, ul {
    list-style: none
}

a {
    color: #333;
    text-decoration: none;
}

.pt88{padding-top: .88rem;}
/*IE7不支持的清除浮动*/

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}


/*全版本兼容清楚浮动*/

.clears {
    clear: both;
    line-height: 0px;
    overflow: hidden;
    font-size: 0px;
    height: 0px;
}

input, textarea, select {
    font-family: Verdana, Arial, "Microsoft Yahei", "微软雅黑";
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: inherit;
}

.mui-flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mui-flex .mui-flex {
    display: -webkit-box !important;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box !important;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox !important;
    /* TWEENER - IE 10 */
    display: -webkit-flex !important;
    /* NEW - Chrome */
    display: flex !important;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before {
    box-sizing: border-box
}

.mui-flex.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mui-flex.vertical.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.mui-flex.vertical>.cell {
    width: auto
}

.mui-flex.vertical>.cell>.inner {
    position: absolute;
    width: 100%;
    height: 100%
}

.mui-flex.horizental {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mui-flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mui-flex.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mui-flex.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mui-flex.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mui-flex.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mui-flex.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mui-flex.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mui-flex.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mui-flex.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mui-flex.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mui-flex.align-stretch .cell {
    height: auto !important
}

.mui-flex.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mui-flex>.cell {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    /*width: 20%;               /!* For old syntax, otherwise collapses. *!/*/
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0;
    position: relative
}

.mui-flex.vertical>.cell {
    width: auto;
    height: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    /*max-height: 100%;*/
    /*max-width: inherit;*/
    display: block;
    padding: 0;
    position: relative
}

.mui-flex>.cell.fixed {
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
    width: auto
}

.mui-flex>.cell.self-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mui-flex>.cell.self-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.mui-flex>.cell.self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.cat {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}


/*common font*/

.f12 {
    font-size: .06rem;
}

.f14 {
    font-size: .07rem;
}

.f16 {
    font-size: .08rem;
}

.f18 {
    font-size: .09rem;
}

.f20 {
    font-size: .1rem;
}

.f22 {
    font-size: .11rem;
}

.f24 {
    font-size: .12rem;
}

.f26 {
    font-size: .13rem;
}

.f28 {
    font-size: .14rem;
}

.f30 {
    font-size: .15rem;
}

.f32 {
    font-size: .16rem;
}

.f34 {
    font-size: .17rem;
}

.f36 {
    font-size: .18rem;
}

.f38 {
    font-size: .19rem;
}

.f40 {
    font-size: .2rem;
}

.f48 {
    font-size: .24rem;
}

.f60 {
    font-size: .3rem;
}


/*comment margin-top*/

.m12 {
    margin-top: .06rem;
}

.m20 {
    margin-top: .1rem;
}

.m22 {
    margin-top: .11rem;
}


/*comment height*/

.h66 {
    height: .33rem;
}

.h90 {
    height: .45rem;
}

.covers {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    z-index: 99999999;
    display: none;
}

.covers img {
    width: 450px;
    height: 340px;
    margin-top: 100px;
}

.outwrap {
    background: #f1f1f1;
}

img {
    width: 100%;
}

.topbar {
    background: #E5007E;
    height: .88rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 9;
}
.topvh{display: block;}
.topbar a {
    display: block;
}

.topbar a.btn-soayisao {
    float: left;
    margin: .12rem 0 0 .2rem;
}

.topbar a.btn-soayisao i.ico-saoyisao {
    display: block;
    width: .4rem;
    height: .37rem;
    background: url(../images/ico_saoyisao.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}

.topbar p {
    font-size: .18rem;
    color: #fff;
    padding-top: .05rem;
}

.topbar a.btn-msg {
    float: right;
    margin: 0.12rem 0.2rem 0 0;
}

.topbar a.btn-msg i.ico-msg {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/ico_msg.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}

.topbar a.btn-record {
    float: right;
    font-size: .26rem;
    margin-right: .4rem;
    color: #fff;
    line-height: .88rem;
}

.topbar .search {
    position: absolute;
    left: .97rem;
    top: .16rem;
    width: 5.53rem;
    height: .57rem;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2.76rem;
}

.topbar .search::before {
    content: '';
    display: block;
    width: .33rem;
    height: .33rem;
    background: url(../images/ico_search.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: .27rem;
    top: .13rem;
}

.topbar .search input.txt {
    height: .57rem;
    color: #fff;
    margin-left: .7rem;
    width: 4.5rem;
    background: none;
    font-size: .28rem;
}

.topbar .search input.txt::-webkit-input-placeholder {
    color: #fff;
}

.topbar .search.search2 {
    left: 1.25rem;
    width: 5.43rem;
}

.topbar a.btn-back {
    float: left;
    margin: .2rem 0 0 .26rem;
    font-size: .3rem;
    color: #fff;
}

.topbar a.btn-back i.ico-back {
    display: inline-block;
    width: .19rem;
    height: .31rem;
    background: url(../images/ico_back.png) no-repeat;
    background-size: 100% auto;
    margin-right: .14rem;
    vertical-align: middle;
    position: relative;
    top: -.02rem;
}

.topbar a.btn-gb {
    float: left;
    line-height: .88rem;
    margin-left: .12rem;
    font-size: .3rem;
    color: #fff;
}

.topbar h2 {
    color: #fff;
    font-size: .36rem;
    text-align: center;
    position: absolute;
    width: 60%;
    left: 50%;
    font-weight: normal;
    margin-left: -30%;
    top: 0;
    line-height: .88rem;
}

.topbar a.btn-more {
    float: right;
    width: .37rem;
    height: .07rem;
    background: url(../images/ico_top_more.png) no-repeat;
    background-size: 100% auto;
    margin: .4rem .3rem 0 0;
}

.topbar a.btn-msg2 {
    float: right;
    width: .4rem;
    height: .4rem;
    background: url(../images/ico_msg.png) no-repeat;
    background-size: 100% auto;
    margin: .23rem .3rem 0 0;
}

.topbar a.joincar {
    float: right;
    width: .46rem;
    height: .39rem;
    background: url(../images/ico_shopcar2.png) no-repeat;
    background-size: 100% auto;
    margin: .25rem .3rem 0 0;
}

.in-mian {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: .88rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

.topBanner {
    width: 100%;
    height: 3.2rem;
    overflow: hidden;
    position: relative;
}

.topBanner .swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.topBanner .swiper-slide img {
    width: 100%;
}

.topBanner .swiper-pagination {
    position: absolute;
    bottom: .08rem;
    text-align: center;
    left: 0;
}

.topBanner .swiper-pagination .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 .09rem;
}

.topBanner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.navbar {
    background: #fff;
}

.navbar ul {
    padding: .15rem 0;
}

.navbar ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.navbar ul li i.ico {
    display: block;
    margin: 0 auto;
    width: .83rem;
    height: .83rem;
}

.navbar ul li p {
    color: #555658;
    font-size: .24rem;
}

.msblock {
    background: #fff;
    margin-top: .15rem;
}

.msblock dl {
    height: 3.93rem;
    overflow: hidden;
}

.msblock dl dt {
    display: block;
    float: left;
    width: 50.13333%;
    position: relative;
}

.msblock dl dt::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #e6e6e6;
}

.msblock dl dt .tit {
    padding: .2rem .22rem .15rem .2rem;
    position: relative;
}

.msblock dl dt .tit span.bgms {
    display: block;
    float: left;
    width: 1.84rem;
    height: .36rem;
    background: url(../images/ms.png) no-repeat;
    background-size: 100% auto;
}

.msblock dl dt .tit span.cy {
    float: right;
    color: #f7353b;
    padding: .04rem .16rem;
    border: 1px solid #f7353b;
    border-radius: .14rem;
    font-size: .22rem;
    line-height: 1;
}

.msblock dl dt .time {
    padding: 0 0 0 .2rem;
    font-size: .2rem;
}

.msblock dl dt .time .t {
    display: inline;
    margin-left: .15rem;
    font-size: .18rem;
    line-height: 1;
}

.msblock dl dt .time .t span {
    display: inline-block;
    border: 1px solid #d5d5d5;
    padding: .03rem .05rem;
    border-radius: .03rem;
    margin: 0 .03rem;
}

.msblock dl dt .img {
    width: 3.73rem;
    height: 2.74rem;
    margin-top: .2rem;
    overflow: hidden;
}

.msblock dl dd {
    float: right;
    width: 49.86667%;
    position: relative;
}

.msblock dl dd .img {
    width: 100%;
    position: relative;
}

.msblock dl dd .img2 {
    height: 1.94rem;
}

.msblock dl dd .img2::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e6e6e6;
}

.msblock dl dd .img3 {
    height: 1.99rem;
}

.bzthbox {
    margin-top: .15rem;
    background: #fff;
}

.bzthbox .title {
    padding: .16rem;
}

.bzthbox ul {
    padding-bottom: .15rem;
}

.bzthbox ul li {
    float: left;
    width: 30.66667%;
    height: 2.9rem;
    background: #f7f7f7;
    margin: 0 1.33333%;
    text-align: center;
}

.bzthbox ul li a {
    display: block;
}

.bzthbox ul li .tit {
    padding: .2rem 0 .1rem;
}

.bzthbox ul li .tit h2 {
    font-size: .28rem;
    color: #666666;
    font-weight: normal;
}

.bzthbox ul li .tit p {
    color: #bcbbbb;
    font-size: .24rem;
}

.bzthbox ul li .img {
    width: 100%;
    height: 1.88rem;
    overflow: hidden;
}

.xblock {
    background: #fff;
    margin-top: .15rem;
    position: relative;
}

.xblock .title {
    height: .79rem;
    line-height: .79rem;
    position: relative;
}

.xblock .title h2 {
    float: left;
    font-weight: normal;
    font-size: .3rem;
    margin-left: .3rem;
}

.xblock .title h2.color-1 {
    color: #f99300;
}

.xblock .title h2.color-2 {
    color: #5e6508;
}

.xblock .title h2.color-3 {
    color: #7f3788;
}

.xblock .title a.more {
    float: right;
    width: .57rem;
    height: .13rem;
    background: url(../images/ico_more.png) no-repeat;
    background-size: 100% auto;
    margin: .33rem .3rem 0 0;
}

.xblock .cur-topbaner {
    overflow: hidden;
}

.xblock dl dt {
    display: block;
    float: left;
    width: 50%;
    position: relative;
    height: 3.99rem;
}

.xblock dl dt::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #e6e6e6;
}

.xblock dl dt .img {
    width: 3.75rem;
    height: 3.99rem;
    overflow: hidden;
}

.xblock dl dd {
    float: right;
    width: 49.86667%;
    position: relative;
}

.xblock dl dd .img {
    width: 100%;
    position: relative;
}

.xblock dl dd .img2 {
    height: 1.98rem;
}

.xblock dl dd .img2::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e6e6e6;
}

.xblock dl dd .img3 {
    height: 2rem;
}

.xsort {
    background: #fff;
    margin-top: .15rem;
    padding: .3rem 0;
}

.xsort ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
}

.xsort ul li::after {
    content: '';
    display: block;
    width: 1px;
    right: 0;
    top: .64rem;
    bottom: .2rem;
    background: #d7ccc8;
    position: absolute;
}

.xsort ul li:last-child::after {
    display: none;
}

.xsort ul li h2 {
    font-weight: normal;
    font-size: .3rem;
    color: #795548;
}

.xsort ul li .line {
    width: 1.24rem;
    height: .02rem;
    background: url(../images/line_index_1.png) no-repeat;
    background-size: 100% auto;
    margin: .1rem auto .13rem;
}

.xsort ul li .line.line-2 {
    background-image: url(../images/line_index_2.png);
}

.xsort ul li .line.line-3 {
    background-image: url(../images/line_index_2.png);
}

.xsort ul li a {
    display: block;
    color: #b19f99;
    font-size: .24rem;
    line-height: .7rem;
}

.xsort ul li a:hover {
    color: #000;
}

.hotsort {
    background: #fff;
    margin-top: .15rem;
    position: relative;
}

.hotsort .title {
    height: .8rem;
    line-height: .8rem;
    border-bottom: .02rem solid #f1f1f1;
    position: relative;
}

.hotsort .title h2 {
    font-weight: normal;
    margin-left: .42rem;
    float: left;
    font-size: .3rem;
}

.hotsort .title h2 i.ico {
    display: inline-block;
    width: .13rem;
    height: .24rem;
    background: url(../images/ico_org_go.png) no-repeat;
    background-size: 100% auto;
    margin-left: .2rem;
}

.hotsort .title a.more {
    float: right;
    width: .57rem;
    height: .13rem;
    background: url(../images/ico_more.png) no-repeat;
    background-size: 100% auto;
    margin: .37rem .3rem 0 0;
}

.hotsort .sortmain li {
    float: left;
    width: 50%;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}

.hotsort .sortmain li:nth-child(5), .hotsort .sortmain li:nth-child(6) {
    border-bottom: none;
}

.hotsort .sortmain li::after {
    content: '';
    display: block;
    width: .05rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.hotsort .sortmain li:nth-child(1)::after {
    background: #ff7585;
}

.hotsort .sortmain li:nth-child(2)::after {
    background: #75ffd5;
}

.hotsort .sortmain li:nth-child(3)::after {
    background: #75d3ff;
}

.hotsort .sortmain li:nth-child(4)::after {
    background: #ffdd75;
}

.hotsort .sortmain li:nth-child(5)::after {
    background: #9be385;
}

.hotsort .sortmain li:nth-child(6)::after {
    background: #e6b7f3;
}

.xrecommd {
    background: #fff;
    margin-top: .15rem;
    position: relative;
}

.xrecommd .title {
    text-align: center;
    padding: .3rem 0;
    font-size: .3rem;
    color: #b8892f;
}

.xrecommd .title em {
    display: inline-block;
    width: .97rem;
    height: .02rem;
    background: #b8892f;
    margin: 0 .15rem;
    vertical-align: middle;
}

.xlist ul li {
    float: left;
    width: 46.66667%;
    margin: 0 1.6% 0.3rem;
    position: relative;
}

.xlist ul li .img {
    border: 1px solid #ebebeb;
    padding: .1rem;
}

.xlist ul li .img img {
    width: 3.28rem;
    height: 3.28rem;
}

.xlist ul li p.tit {
    padding: .1rem;
    font-size: .26rem;
    line-height: 1.6;
    color: #636363;
}

.xlist ul li p.num {
    color: #b0b0b0;
    font-size: .24rem;
    padding: 0 .1rem;
}

.xlist ul li .price {
    padding: 0 .1rem;
}

.xlist ul li .price span {
    color: #fe2c2c;
    font-size: .26rem;
    margin-right: .26rem;
}

.xlist ul li .price del {
    font-size: .26rem;
    color: #b0b0b0;
}

.xlist ul li a.Go-car {
    display: block;
    position: absolute;
    bottom: 0;
    right: .1rem;
    width: .65rem;
    height: .65rem;
    background: url(../images/ico_shopcar.png) no-repeat;
    background-size: 100% auto;
}

.xlist ul li a.Go-tg {
    display: block;
    width: 1.14rem;
    height: .42rem;
    position: absolute;
    bottom: 0;
    right: .1rem;
    background: url(../images/ico_kaituan.png) no-repeat;
    background-size: 100% auto;
}

.foot-menu {
    background: #fff;
    border-top: 1px solid #ededed;
    width: 100%;
    height: .97rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    /*display: none;*/
}
.foot-new{display: none;}
.foot-menu ul li {
    float: left;
    width: 20%;
    text-align: center;
}


.foot-menu ul li a {
    display: block;
    padding-top: .08rem;
}

.foot-menu ul li i {
    display: block;
    margin: 0 auto;
    background-size: 100% auto;
    margin-bottom: .05rem;
    background-repeat: no-repeat;
}

.foot-menu ul li i.ico-1 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_1.png);
}

.foot-menu ul li i.ico-2 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_2.png);
}

.foot-menu ul li i.ico-3 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_3.png);
}

.foot-menu ul li i.ico-4 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_4.png);
}

.foot-menu ul li i.ico-5 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_5.png);
}

/*.foot-menu ul li i.ico-6 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_6.png);
}

.foot-menu ul li i.ico-7 {
    width: .35rem;
    height: .35rem;
    background-image: url(../images/ico_bot_7.png);
}*/

.foot-menu ul li span {
    color: #666666;
    font-size: .24rem;
}

.foot-menu ul li.on i.ico-1 {
    background-image: url(../images/ico_bot_1_on.png);
}

.foot-menu ul li.on i.ico-2 {
    background-image: url(../images/ico_bot_2_on.png);
}

.foot-menu ul li.on i.ico-3 {
    background-image: url(../images/ico_bot_3_on.png);
}

.foot-menu ul li.on i.ico-4 {
    background-image: url(../images/ico_bot_4_on.png);
}

.foot-menu ul li.on i.ico-5 {
    background-image: url(../images/ico_bot_5_on.png);
}

/*.foot-menu ul li.on i.ico-6 {
    background-image: url(../images/ico_bot_6_on.png);
}

.foot-menu ul li.on i.ico-7 {
    background-image: url(../images/ico_bot_7_on.png);
}*/

.foot-menu ul li.on span {
    color: #E5007E;
}

/*store*/
.foot-menu.store ul li
{
    width: 25%;
}
.foot-menu.store ul li i.ico-1 {
    width: .38rem;
    height: .38rem;
    background-image: url(../images/store/ico_bot_1.png);
}

.foot-menu.store ul li i.ico-2 {
    width: .44rem;
    height: .38rem;
    background-image: url(../images/store/ico_bot_2.png);
}

.foot-menu.store ul li i.ico-3 {
    width: .38rem;
    height: .38rem;
    background-image: url(../images/store/ico_bot_3.png);
}

.foot-menu.store ul li i.ico-4 {
    width: .38rem;
    height: .38rem;
    background-image: url(../images/store/ico_bot_4.png);
}

.foot-menu.store ul li.on i.ico-1 {
    background-image: url(../images/store/ico_bot_1_on.png);
}

.foot-menu.store ul li.on i.ico-2 {
    background-image: url(../images/store/ico_bot_2_on.png);
}

.foot-menu.store ul li.on i.ico-3 {
    background-image: url(../images/store/ico_bot_3_on.png);
}

.foot-menu.store ul li.on i.ico-4 {
    background-image: url(../images/store/ico_bot_4_on.png);
}

@media only screen and (min-width: 750px) {
    .topbar, .foot-menu, .in-mian {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.period .period-t {
    background: #fff;
    height: .9rem;
}

.period .period-t ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    height: .9rem;
}

.period .period-t ul li::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #e7e7e7;
    position: absolute;
    right: 0;
    top: 0;
}

.period .period-t ul li:last-child::after {
    display: none;
}

.period .period-t ul li b {
    display: block;
    font-weight: normal;
    font-size: .36rem;
    color: #929292;
    padding-top: .15rem;
    line-height: 1;
}

.period .period-t ul li span {
    display: block;
    font-size: .24rem;
    color: #bdbdbd;
}

.period .period-t ul li.on b, .period .period-t ul li.on span {
    color: #ffcd02;
}

.period .period-t ul li.on:before {
    content: '';
    display: block;
    width: 1.4rem;
    height: .06rem;
    background: #ffcd02;
    position: absolute;
    left: 50%;
    margin-left: -.7rem;
    bottom: -.01rem;
}

.period .period-banner {
    overflow: hidden;
    font-size: 0;
}

.period .period-ct {
    background: #fff;
}

.period .period-ct .top-msg {
    height: .6rem;
    line-height: .6rem;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #e9e9e9;
}

.period .period-ct .top-msg h2 {
    margin-left: .1rem;
    float: left;
    font-size: .26rem;
    color: #636363;
}

.period .period-ct .top-msg h2 i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .23rem;
    height: .34rem;
    background: url(../images/ico_shandian.png) no-repeat;
    background-size: 100% auto;
    margin-right: .1rem;
}

.period .period-ct .top-msg .time {
    float: right;
    margin-right: .12rem;
    font-size: .24rem;
    color: #9d9d9e;
}

.period .period-ct .top-msg .time span {
    color: #585757;
    vertical-align: middle;
    margin-left: .1rem;
    position: relative;
    top: -.03rem;
}

.period .period-ct .top-msg .time em {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    text-align: center;
    line-height: .36rem;
    background: #ffcd02;
    vertical-align: middle;
    font-size: .24rem;
    margin: 0 .03rem;
    border-radius: 100%;
}

.ms-dtl li {
    border-bottom: 1px solid #ededed;
}

.ms-dtl li a {
    display: block;
    padding: .2rem;
    height: 2.15rem;
    position: relative;
}

.ms-dtl li a .img {
    float: left;
    width: 2.15rem;
    height: 2.15rem;
    overflow: hidden;
}

.ms-dtl li a .info {
    float: right;
    width: 4.25rem;
}

.ms-dtl li a .info .t {
    height: 1.25rem;
}

.ms-dtl li a .info .t h2 {
    font-weight: normal;
    font-size: .26rem;
    color: #636363;
    line-height: 1.5;
}

.ms-dtl li a .info .t p {
    font-size: .26rem;
    color: #bdbdbd;
}

.ms-dtl li a .info .ct .price span {
    font-size: .35rem;
    color: #fe2c2c;
    margin-right: .25rem;
}

.ms-dtl li a .info .ct .price del {
    font-size: .26rem;
    color: #b0b0b0;
}

.ms-dtl li a .info .ct .rate {
    width: 1.97rem;
    height: .27rem;
    border: 1px solid #ffcd02;
    background: #fbe899;
    border-radius: .12rem;
    position: relative;
    overflow: hidden;
    margin-top: .1rem;
}

.ms-dtl li a .info .ct .rate em {
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    line-height: .27rem;
    color: #fff;
}

.ms-dtl li a .info .ct .rate span {
    background: #ffcd02;
    display: block;
    height: .27rem;
    position: absolute;
    left: 0;
    top: 0;
}

.ms-dtl li a .info span.go {
    display: block;
    width: 1.28rem;
    height: .58rem;
    border-radius: .25rem;
    background: #d2a247;
    text-align: center;
    line-height: .58rem;
    font-size: .3rem;
    color: #fff;
    position: absolute;
    right: .27rem;
    bottom: .6rem;
}

.ms-dtl li a .info span.kucun {
    font-size: .24rem;
    color: #b6b6b6;
    position: absolute;
    right: .27rem;
    bottom: .2rem;
}

.in-mian2 {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

@media only screen and (min-width: 750px) {
    .in-mian2 {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.fx-sort {
    background: #fff;
    height: .8rem;
    position: relative;
    z-index: 9;
}

.fx-sort ul {
    position: relative;
}

.fx-sort ul li {
    width: 25%;
    float: left;
    text-align: center;
}

.fx-sort ul li h3 {
    display: inline-block;
    padding: 0 .26rem;
    font-weight: normal;
    line-height: .8rem;
    position: relative;
    font-size: .28rem;
}

.fx-sort ul li i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .29rem;
    height: .14rem;
    background: url(../images/ico_xiala.png) no-repeat;
    background-size: 100% auto;
    margin-left: .15rem;
    transition: all .3s;
}

.fx-sort ul li.on h3:after {
    content: '';
    display: block;
    width: 100%;
    height: .04rem;
    background: #d2a247;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fx-sort ul li.on i.ico {
    transform: rotate(180deg);
}

.fx-sort .dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: .8rem;
    background: #f1f1f1;
    width: 100%;
    text-align: left;
}

.fx-sort .dropdown .wrap {
    padding: .2rem;
}

.fx-sort .dropdown a {
    display: block;
    float: left;
    text-align: center;
    font-size: .24rem;
    padding: .05rem .1rem;
    margin: 0.05rem 0.15rem;
}

.fx-list {
    margin-top: .15rem;
    background: #fff;
}

.fx-list ul li {
    border-bottom: 1px solid #c6c6c6;
    padding: .2rem .3rem;
}

.fx-list ul li a {
    display: block;
    height: 1.98rem;
}

.fx-list ul li .img {
    float: left;
    width: 1.98rem;
    height: 1.98rem;
    overflow: hidden;
}

.fx-list ul li .info {
    float: right;
    width: 4.5rem;
    height: 1.98rem;
    position: relative;
}

.fx-list ul li .info h2 {
    font-weight: normal;
    font-size: .3rem;
    color: #d2a247;
    line-height: 2;
}

.fx-list ul li .info p {
    color: #838383;
    font-size: .24rem;
}

.fx-list ul li .info span.time {
    font-size: .18rem;
    color: #838383;
    position: absolute;
    right: 0;
    bottom: 0;
}

.fx-list ul li:last-child {
    border-bottom: none;
}

.no-more {
    color: #bebec2;
    font-size: .24rem;
    text-align: center;
    padding: .22rem 0;
}

.in-mian3 {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: .81rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}

.fx-pl-foot {
    height: .8rem;
    background: #f7f8fa;
    border-top: 1px solid #b7b7b7;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.fx-pl-foot .shuo {
    float: left;
    width: 3.51rem;
    height: .55rem;
    background: #fff;
    border: 1px solid #d4d5d6;
    border-radius: .1rem;
    margin: .12rem 0 0 .2rem;
    position: relative;
}

.fx-pl-foot .shuo::before {
    content: '';
    display: block;
    width: .38rem;
    height: .38rem;
    background: url(../images/ico_shuo.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: .09rem;
    left: .12rem;
}

.fx-pl-foot .shuo .shuotxt {
    background: none;
    margin-left: .66rem;
    height: .55rem;
    font-size: .24rem;
    width: 2.7rem;
}

.fx-pl-foot .opr {
    float: right;
    margin-top: .25rem;
}

.fx-pl-foot .opr a.bn {
    display: block;
    float: left;
    color: #d2a247;
    font-size: .24rem;
    width: 1.16rem;
    height: .3rem;
    text-align: center;
    position: relative;
}

.fx-pl-foot .opr a.bn::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #b7b7b7;
    position: absolute;
    right: 0;
    top: 0;
}

.fx-pl-foot .opr a.bn:last-child::after {
    display: none;
}

.fx-pl-foot .opr a.bn em {
    display: block;
    background: #d2a247;
    width: .37rem;
    height: .2rem;
    font-size: .2rem;
    line-height: 1;
    border-radius: .03rem;
    color: #fff;
    text-align: center;
    position: absolute;
    left: .7rem;
    top: -.2rem;
}

@media only screen and (min-width: 750px) {
    .in-mian3, .fx-pl-foot {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.fx-dtl-title {
    border-bottom: 1px solid #c8c8c8;
    padding: .15rem 0;
    position: relative;
}

.fx-dtl-title h2 {
    font-weight: normal;
    margin-left: .38rem;
    font-size: .36rem;
    color: #838383;
}

.fx-dtl-title span {
    display: block;
    margin-left: .38rem;
    color: #d2a247;
    font-size: .22rem;
    line-height: 2;
}

.fx-dtl-title a.btn-pl {
    display: block;
    width: .92rem;
    height: .4rem;
    background: #d2a247;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    border-radius: .1rem;
    position: absolute;
    right: .4rem;
    bottom: .15rem;
    font-size: .26rem;
}

.fx-dtl-ct .article {
    padding: .3rem .4rem;
    border-bottom: 1px solid #f1f1f1;
}

.fx-dtl-ct .article .img {
    margin-bottom: .2rem;
}

.fx-dtl-ct .article p {
    font-size: .22rem;
    line-height: 1.8;
    color: #676767;
}

.fx-pl-box {
    margin-top: .45rem;
}

.fx-pl-box h2 {
    border-bottom: 1px solid #b7b7b7;
    color: #8f8f8f;
    font-size: .26rem;
    text-indent: .4rem;
    line-height: 1.5;
    font-weight: normal;
}

.fx-pl-box .pl-list li {
    margin: 0 .27rem;
    padding: .25rem 0;
    border-bottom: 1px solid #d4d4d4;
}

.fx-pl-box .pl-list li .img {
    width: .81rem;
    height: .81rem;
    border-radius: 100%;
    overflow: hidden;
    float: left;
}

.fx-pl-box .pl-list li .info {
    float: right;
    width: 5.88rem;
    position: relative;
}

.fx-pl-box .pl-list li .info h3 {
    font-weight: normal;
    font-size: .28rem;
    color: #6a6a6a;
    line-height: 2;
}

.fx-pl-box .pl-list li .info span.time {
    font-size: .24rem;
    color: #6a6a6a;
}

.fx-pl-box .pl-list li .info p {
    color: #676767;
    font-size: .24rem;
    line-height: 1.6;
    margin-top: .2rem;
}

.fx-pl-box .pl-list li .r {
    position: absolute;
    right: 0;
    top: 0;
}

.fx-pl-box .pl-list li .r .btn-dz {
    display: block;
    color: #969696;
    font-size: .22rem;
    text-align: right;
}

.fx-pl-box .pl-list li .r .btn-dz i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .34rem;
    height: .33rem;
    background: url(../images/ico_zan.png) no-repeat;
    background-size: 100% auto;
    margin-right: .08rem;
}

.fx-pl-box .pl-list li .r a.btn-huifu {
    display: block;
    text-align: right;
    font-size: .24rem;
    color: #d2a247;
    margin-top: .2rem;
}

.fx-videolist {
    margin-top: .15rem;
}

.fx-videolist ul li {
    background: #fff;
    margin-bottom: .35rem;
    position: relative;
}

.fx-videolist ul li a {
    display: block;
    padding: .4rem .6rem .47rem;
}

.fx-videolist ul li h3 {
    font-weight: normal;
    color: #838383;
    font-size: .24rem;
    margin-bottom: .23rem;
}

.fx-videolist ul li i.ico-go {
    display: block;
    width: .14rem;
    height: .19rem;
    background: url(../images/ico_video_go.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: .6rem;
    top: .48rem;
}

.in-mian4 {
    position: absolute;
    width: 100%;
    top: 1.97rem;
    bottom: .88rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

.fl-srh-bar {
    position: absolute;
    left: 0;
    top: .88rem;
    width: 100%;
    z-index: 8;
    height: 1.09rem;
    border-bottom: 1px solid #c7c7c7;
    background: #fff;
}

.fl-srh-bar a.btn-msg {
    float: right;
    margin: 0.22rem 0.2rem 0 0;
}

.fl-srh-bar a.btn-msg i.ico-msg {
    display: block;
    width: .39rem;
    height: .4rem;
    background: url(../images/ico_msg_black.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}

.fl-srh-bar .search {
    position: absolute;
    left: .3rem;
    top: .23rem;
    width: 5.9rem;
    height: .55rem;
    background: #e6e6e6;
    border-radius: 2.76rem;
}

.fl-srh-bar .search::before {
    content: '';
    display: block;
    width: .33rem;
    height: .33rem;
    background: url(../images/ico_search_black.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: .27rem;
    top: .13rem;
}

.fl-srh-bar .search input.txt {
    height: .57rem;
    color: #333;
    margin-left: .7rem;
    width: 4.5rem;
    background: none;
    font-size: .28rem;
}

.fl-srh-bar .search input.txt::-webkit-input-placeholder {
    color: #333;
}

@media only screen and (min-width: 750px) {
    .in-mian4, .fl-srh-bar {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.sidemenu {
    background: #e9e8e8;
    width: 1.9rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
}

.sidemenu ul li {
    border-bottom: 1px solid #ccc;
}

.sidemenu ul li a {
    display: block;
    color: #4c4c4c;
    font-size: .24rem;
    text-align: center;
    padding: .34rem 0;
}

.sidemenu ul li.avtive {
    position: relative;
    background: #fff;
}

.sidemenu ul li.avtive::before {
    content: '';
    display: block;
    background: #d2a247;
    width: .05rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sidemenu ul li.avtive a {
    color: #d2a247;
}

.flboxs {
    background: #fff;
    position: absolute;
    left: 1.9rem;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
}

.flboxs .flbox {
    padding: .4rem .2rem;
}

.flboxs .flbox:first-child {
    padding-top: .6rem;
}

.flboxs .flbox .tit {
    text-align: center;
}

.flboxs .flbox .tit h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: .28rem;
    color: #4c4c4c;
    margin: 0 .23rem;
    font-weight: normal;
}

.flboxs .flbox .tit em {
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: 1px;
    background: #4c4c4c;
}

.flboxs .flbox .ct li {
    float: left;
    width: 33.33%;
    text-align: center;
    margin: .15rem 0;
}

.flboxs .flbox .ct li .img {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
    overflow: hidden;
}

.flboxs .flbox .ct li p {
    font-size: .24rem;
    color: #5c5c5c;
    margin-top: .1rem;
}

.fl-srh-t {
    height: .8rem;
    line-height: .8rem;
    border-bottom: 1px solid #f8f8f8;
    background: #fff;
}

.fl-srh-t ul li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: .3rem;
    color: #676767;
    position: relative;
}

.fl-srh-t ul li a {
    display: inline-block;
    padding: 0 .15rem;
    position: relative;
}

.fl-srh-t ul li.sx a {
    padding-right: .47rem;
}

.fl-srh-t ul li.sx a::before {
    content: '';
    display: block;
    width: .14rem;
    height: .07rem;
    background: url(../images/ico_sl_top.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: .15rem;
    top: .28rem;
}

.fl-srh-t ul li.sx a::after {
    content: '';
    display: block;
    width: .14rem;
    height: .07rem;
    background: url(../images/ico_sl_top.png) no-repeat;
    transform: rotate(180deg);
    background-size: 100% auto;
    position: absolute;
    right: .15rem;
    top: .45rem;
}

.fl-srh-t ul li.down a::after {
    background-image: url(../images/ico_sl_bot.png);
    transform: rotate(0);
}

.fl-srh-t ul li.up a::before {
    background-image: url(../images/ico_sl_bot.png);
    transform: rotate(180deg);
}

.fl-srh-t ul li.on::after {
    content: '';
    display: block;
    width: 1.12rem;
    height: .05rem;
    background: #d2a247;
    position: absolute;
    left: 50%;
    margin-left: -.56rem;
    bottom: 0;
}

.fl-srh-box {
    background: #fff;
    margin-top: .15rem;
}

.fl-srh-box .title {
    text-align: center;
    padding: .3rem 0;
    font-size: .3rem;
    color: #b8892f;
}

.fl-srh-box .title em {
    display: inline-block;
    width: .97rem;
    height: .02rem;
    background: #b8892f;
    margin: 0 .15rem;
    vertical-align: middle;
}

.in-mian5 {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: .96rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ecebe8;
}

.foot-js {
    height: .94rem;
    border-top: 1px solid #d2a247;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.foot-js .all_check {
    float: left;
    margin-left: .25rem;
    line-height: .94rem;
}

.foot-js .all_check span {
    display: inline-block;
    vertical-align: middle;
    width: .29rem;
    height: .29rem;
    background: url(../images/ico_check.png) no-repeat;
    background-size: 100% auto;
    margin-right: .25rem;
}

.foot-js .all_check span.pitch_on {
    background-image: url(../images/ico_checkon.png);
}

.foot-js .all_check em {
    display: inline-block;
    vertical-align: middle;
    font-size: .32rem;
}

.foot-js .total_amount {
    float: left;
    margin-left: .54rem;
}

.foot-js .total_amount dt {
    display: block;
    padding-top: .1rem;
    font-size: .32rem;
    color: #fa0000;
}

.foot-js .total_amount dt p {
    display: inline;
}

.foot-js .total_amount dt p b {
    font-weight: normal;
    margin-left: .05rem;
}

.foot-js .total_amount dd {
    font-size: .24rem;
    color: #898989;
}

.foot-js .settle_btn {
    float: right;
    display: block;
    width: 2.29rem;
    height: .94rem;
    background: #d2a247;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    line-height: .94rem;
}

@media only screen and (min-width: 750px) {
    .in-mian5, .foot-js {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.commodity_box {
    width: 100%;
    overflow: hidden;
}

.gwc-item {
    margin-bottom: .26rem;
    background: #fff;
    position: relative;
    -webkit-transform: translateX(0px);
}

.gwc-item ul {
    position: relative;
}

.gwc-item .select {
    background: #faf8fb;
    padding: .2rem .24rem;
    position: relative;
}

.gwc-item .select em {
    display: block;
    float: left;
    width: .29rem;
    height: .29rem;
    background: url(../images/ico_check.png) no-repeat;
    background-size: 100% auto;
    margin-top: .66rem;
    margin-right: .27rem;
}

.gwc-item .select em.pitch_on {
    background-image: url(../images/ico_checkon.png);
}

.gwc-item .select .img {
    width: 1.6rem;
    height: 1.6rem;
    float: left;
}

.gwc-item .div_center {
    width: 4.1rem;
    float: right;
    margin-right: .55rem;
}

.gwc-item .div_center h4 {
    font-size: .24rem;
    color: #373737;
    line-height: .36rem;
    font-weight: normal;
}

.gwc-item .div_center del {
    font-size: .28rem;
    color: #adadad;
    display: block;
}

.gwc-item .div_center p.now_value {
    color: #f50e0e;
    font-size: .32rem;
}

.gwc-item .div_center p.now_value b {
    font-weight: normal;
}

.gwc-item .div_right {
    position: absolute;
    right: .24rem;
    bottom: .2rem;
    width: 2.08rem;
    height: .6rem;
    border: 1px solid #b4b4b5;
    border-radius: .1rem;
}

.gwc-item .div_right i {
    display: block;
    float: left;
    width: .56rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .36rem;
    color: #dc8856;
    border-right: 1px solid #b4b4b5;
}

.gwc-item .div_right i:last-child {
    float: right;
    border-left: 1px solid #b4b4b5;
    border-right: none;
}

.gwc-item .div_right span.zi {
    display: block;
    float: left;
    width: .88rem;
    text-align: center;
    line-height: .6rem;
    font-size: .3rem;
}

.gwc-item .shop_ul_bottom {
    background: #fff;
    padding: .2rem;
}

.gwc-item .shop_ul_bottom p {
    padding: .1rem .26rem 0;
    text-align: right;
    font-size: .32rem;
    color: #f50e0e;
}

.gwc-item .shop_ul_bottom span.info_name {
    display: block;
    margin-left: .78rem;
    color: #adadad;
    font-size: .24rem;
}

.in-mian6 {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: .99rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

.foot-pt {
    height: .98rem;
    border-top: 1px solid #d2d2d2;
    background: #f9f9f9;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.foot-pt a.zx {
    float: left;
    display: block;
    width: 1.14667rem;
    height: .98rem;
    position: relative;
}

.foot-pt a.zx i {
    display: block;
    margin: .17rem auto .05rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.foot-pt a.zx i.ico-1 {
    background-image: url(../images/ico_index.png);
    width: .33rem;
    height: .35rem;
}

.foot-pt a.zx i.ico-2 {
    background-image: url(../images/ico_sc.png);
    width: .39rem;
    height: .37rem;
}

.foot-pt a.zx i.ico-3 {
    background-image: url(../images/ico_kefu.png);
    width: .37rem;
    height: .36rem;
}

.foot-pt a.zx i.ico-4 {
    background-image: url(../images/ico_bot_1.png);
    width: .36rem;
    height: .35rem;
}

.foot-pt a.zx p {
    font-size: .24rem;
    color: #666;
    text-align: center;
}

.foot-pt a.zx::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #eaeaea;
}

.foot-pt a.zx:last-child::after {
    display: none;
}

.foot-pt a.zx.btn-sc.like i {
    background-image: url(../images/ico_scon.png);
}

.foot-pt .bn-go {
    display: block;
    width: 2.02rem;
    height: .98rem;
    background: #ffaa00;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    line-height: .98rem;
    position: absolute;
    top: 0;
    line-height: 1.3;
}

.foot-pt .bn-go span {
    display: block;
    padding-top: .1rem;
    font-size: .3rem;
}

.foot-pt .bn-go p {
    font-size: .28rem;
}

.foot-pt .bn-go.btn-dd {
    right: 2.03rem;
}

.foot-pt .bn-go.btn-kt {
    right: 0;
    background: #d2a247;
    width: 2.03rem;
}

.foot-spi {
    background: #fff;
}

.foot-spi .bn-go p {
    line-height: .98rem;
    font-size: .3rem;
}

@media only screen and (min-width: 750px) {
    .in-mian6, .foot-pt {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.topBannerpt {
    height: 6.48rem;
    background: #fff;
}

.pt-top-info {
    background: #fff;
    padding: .23rem;
}

.pt-top-info .preicebar {
    position: relative;
}

.pt-top-info .preicebar .price {
    font-size: .28rem;
    color: #f3273d;
}

.pt-top-info .preicebar .price b {
    font-size: .42rem;
    font-weight: normal;
}

.pt-top-info .preicebar del {
    font-size: .24rem;
    color: #999999;
}

.pt-top-info .preicebar span.lable {
    display: inline-block;
    color: #fff;
    font-size: .24rem;
    background: #d2a247;
    line-height: 1.2;
    padding: 0 .08rem;
    border-radius: .05rem;
    margin-left: .08rem;
}

.pt-top-info .tt {
    font-size: .22rem;
    color: #999999;
    padding: .12rem 0;
}

.pt-top-info .tt .time-t {
    float: left;
}

.pt-top-info .tt .num-t {
    float: right;
}

.pt-top-info .tit em {
    display: inline-block;
    color: #fff;
    font-size: .24rem;
    background: #d2a247;
    line-height: 1.2;
    padding: .03rem .1rem;
    border-radius: .05rem;
    margin-right: .08rem;
}

.pt-top-info .tit h2 {
    display: inline;
    font-weight: normal;
    font-size: .28rem;
}

.pt-md-fa {
    background: #fcc650;
    padding: .24rem;
}

.pt-md-fa h2 {
    font-size: .24rem;
    color: #8e8e8e;
    font-weight: normal;
}

.pt-md-fa ul li {
    margin-top: .17rem;
}

.pt-md-fa ul li a {
    display: block;
    background: #fff;
    border: 1px solid #d2a247;
    height: .9rem;
    border-radius: .45rem;
    position: relative;
    overflow: hidden;
}

.pt-md-fa ul li .img {
    width: .72rem;
    height: .72rem;
    border-radius: 100%;
    overflow: hidden;
    margin: .08rem;
    float: left;
}

.pt-md-fa ul li .u-if {
    margin-left: .26rem;
    float: left;
    width: 2.7rem;
}

.pt-md-fa ul li .u-if h3 {
    font-size: .26rem;
    color: #555555;
    font-weight: normal;
    padding-top: .1rem;
}

.pt-md-fa ul li .u-if p {
    font-size: .22rem;
    color: #999;
}

.pt-md-fa ul li .ct {
    float: left;
    color: #999999;
    font-size: .22rem;
    padding-top: .1rem;
}

.pt-md-fa ul li .ct b {
    color: #ff0000;
    font-weight: normal;
}

.pt-md-fa ul li .go {
    width: 1.47rem;
    height: .92rem;
    background: #d2a247;
    color: #fff;
    line-height: .92rem;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border-top-right-radius: .45rem;
    border-bottom-right-radius: .45rem;
}

.pt-md-fa ul li .go em {
    display: inline-block;
    font-size: .24rem;
    vertical-align: middle;
}

.pt-md-fa ul li .go i {
    display: inline-block;
    vertical-align: middle;
    margin-left: .12rem;
    width: .13rem;
    height: .21rem;
    background: url(../images/ico_pt_go.png) no-repeat;
    background-size: 100% auto;
}

.pt-yaoqiu {
    margin: .15rem 0 0;
}

.pt-yaoqiu a {
    display: block;
    background: #fff;
    height: .86rem;
    position: relative;
    line-height: .86rem;
}

.pt-yaoqiu a h2 {
    font-size: .26rem;
    margin-left: .27rem;
    font-weight: normal;
}

.pt-yaoqiu a .ico-go {
    display: block;
    position: absolute;
    right: .4rem;
    top: .34rem;
    width: .14rem;
    height: .19rem;
    background: url(../images/ico_pt_go2.png) no-repeat;
    background-size: 100% auto;
}

.pt-pl {
    background: #fff;
    margin-top: .15rem;
    padding-bottom: .25rem;
}

.pt-pl .title {
    text-align: center;
    padding: .3rem 0;
    font-size: .28rem;
    color: #a3a3a3;
}

.pt-pl .title h2 {
    display: inline;
    vertical-align: middle;
    font-weight: normal;
}

.pt-pl .title em {
    display: inline-block;
    width: 1.85rem;
    height: .02rem;
    background: #a3a3a3;
    margin: 0 .15rem;
    vertical-align: middle;
}

.pt-pl ul li {
    margin: 0 .22rem;
    padding: .2rem 0;
    border-bottom: 1px solid #e3dfdf;
}

.pt-pl ul li .top {
    position: relative;
    line-height: .48rem;
}

.pt-pl ul li .top .img {
    width: .48rem;
    height: .48rem;
    float: left;
}

.pt-pl ul li .top h3 {
    float: left;
    margin-left: .1rem;
    font-size: .26rem;
    font-weight: normal;
}

.pt-pl ul li .top span {
    float: left;
    color: #8c8c8c;
    font-size: .22rem;
    margin-left: .1rem;
}

.pt-pl ul li:last-child {
    border-bottom: none;
}

.pt-pl ul li .pfen {
    float: right;
    width: 1.6rem;
    height: .22rem;
    margin-top: .1rem;
    position: relative;
}

.pt-pl ul li .pfen span {
    display: inline-block;
    width: .22rem;
    height: .22rem;
    background: url(../images/star.jpg) no-repeat;
    background-size: 100% auto;
}

.pt-pl ul li .plct {
    font-size: .24rem;
    padding: .2rem 0;
}

.pt-pl ul li .bot {
    font-size: .22rem;
    color: #8c8c8c;
}

.pt-pl a.lookmore {
    display: block;
    height: .5rem;
    width: 2.06rem;
    text-align: center;
    line-height: .5rem;
    border: 1px solid #e2e2e2;
    border-radius: .1rem;
    font-size: .28rem;
    margin: .2rem auto;
}

.ab-dianpu {
    background: #fff;
    padding: .24rem .34rem;
}

.ab-dianpu .ab-dp-top .img {
    width: .94rem;
    height: .94rem;
    float: left;
    margin-right: .2rem;
    border-radius: 100%;
    overflow: hidden;
}

.ab-dianpu .ab-dp-top .if {
    float: left;
}

.ab-dianpu .ab-dp-top .if h3 {
    font-size: .36rem;
    padding-top: .1rem;
}

.ab-dianpu .ab-dp-top .if p {
    font-size: .18rem;
    color: #979797;
}

.ab-dianpu .ab-dp-top a.enter {
    float: right;
    width: 1.8rem;
    height: .52rem;
    border: 1px solid #d2a247;
    border-radius: .1rem;
    color: #d2a247;
    text-align: center;
    line-height: .52rem;
    margin-top: .1rem;
}

.ab-dianpu ul {
    margin-top: .35rem;
}

.ab-dianpu ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: .3rem;
    position: relative;
}

.ab-dianpu ul li::after {
    content: '';
    display: block;
    width: .02rem;
    height: .68rem;
    background: #b0b0b0;
    position: absolute;
    right: 0;
    top: 0;
}

.ab-dianpu ul li:last-child::after {
    display: none;
}

.ab-dianpu ul li b {
    font-weight: normal;
}

.ab-dianpu ul li p {
    font-size: .22rem;
    color: #7b7b7b;
}

.pt-dtl {
    margin-top: .15rem;
}

.pt-dtl .title {
    text-align: center;
    padding: .3rem 0;
    font-size: .28rem;
    color: #a3a3a3;
}

.pt-dtl .title h2 {
    display: inline;
    vertical-align: middle;
    font-weight: normal;
}

.pt-dtl .title em {
    display: inline-block;
    width: 1.85rem;
    height: .02rem;
    background: #a3a3a3;
    margin: 0 .15rem;
    vertical-align: middle;
}

.pinp-info {
    background: #fff;
}

.pinp-info .pinp-top {
    padding: .15rem .24rem;
    border-bottom: 1px solid #e9e9ea;
}

.pinp-info .pinp-top .logo {
    float: left;
    width: 1.03rem;
    height: .75rem;
    overflow: hidden;
    margin-right: .32rem;
}

.pinp-info .pinp-top .r {
    float: left;
}

.pinp-info .pinp-top .r h3 {
    font-weight: normal;
    font-size: .24rem;
    padding-top: .1rem;
}

.pinp-info .pinp-top .r p {
    font-size: .2rem;
    color: #969696;
}

.pinp-info .dtl {
    padding: .2rem .36rem;
    font-size: .24rem;
    line-height: 1.5;
}

.pinp-info .ot {
    padding-bottom: .36rem;
    margin: 0 .36rem;
}

.pinp-info .ot span {
    float: left;
    font-size: .26rem;
}

.pinp-info .ot span b {
    font-weight: normal;
    color: #fb0303;
}

.pinp-info .ot a {
    float: right;
    font-size: .26rem;
    color: #d2a247;
}

.pt-yaoqiu i.ico-che {
    display: inline-block;
    vertical-align: middle;
    width: .46rem;
    height: .44rem;
    background: url(../images/ico_baoyou.png) no-repeat;
    background-size: 100% auto;
    margin-right: .16rem;
}

.pinp-label {
    margin-top: .15rem;
    padding: .1rem .2rem;
    background: #fff;
}

.pinp-label ul li {
    float: left;
    margin: .1rem .2rem;
}

.pinp-label ul li a {
    display: block;
    width: 1.1rem;
    height: .68rem;
    text-align: center;
    line-height: .68rem;
    border-radius: .1rem;
    font-size: .26rem;
    background: #c1c1c1;
    color: #fff;
}

.pinp-label ul li.on a {
    background: #e5b457;
}

.pinp-list {
    background: #fff;
    margin-top: .15rem;
}

.pinp-list .title {
    height: .92rem;
    line-height: .92rem;
    border-bottom: 1px solid #dbdada;
}

.pinp-list .title i {
    display: inline-block;
    vertical-align: middle;
    margin-left: .36rem;
    margin-right: .2rem;
    width: .46rem;
    height: .4rem;
    background: url(../images/ico_all.png) no-repeat;
    background-size: 100% auto;
}

.pinp-list .title h2 {
    font-weight: normal;
    display: inline;
    vertical-align: middle;
    color: #969798;
    font-size: .28rem;
}

.pinp-list ul li {
    border-bottom: 1px solid #f4f3f3;
    padding: .1rem .24rem;
}

.pinp-list ul li a {
    display: block;
    height: 2.12rem;
}

.pinp-list ul li .img {
    float: left;
    width: 2.12rem;
    height: 2.12rem;
    overflow: hidden;
}

.pinp-list ul li .info {
    float: right;
    width: 4.76rem;
    position: relative;
}

.pinp-list ul li .info .tt {
    height: 1.4rem;
}

.pinp-list ul li .info .tt h3 {
    font-size: .28rem;
    line-height: 1.3;
    font-weight: normal;
    margin-top: .1rem;
}

.pinp-list ul li .info .zk {
    padding-top: .12rem;
}

.pinp-list ul li .info .zk span.zhe {
    display: inline-block;
    color: #fff;
    background: #fec43f;
    padding: .03rem .08rem;
    border-radius: .1rem;
    font-size: .18rem;
    line-height: 1;
    margin-right: .08rem;
}

.pinp-list ul li .info .zk span.zeng {
    display: inline-block;
    color: #fff;
    background: #f52e33;
    padding: .03rem .03rem;
    border-radius: .03rem;
    font-size: .18rem;
    line-height: 1;
}

.pinp-list ul li .info .prc span {
    color: #f3273d;
    font-size: .28rem;
}

.pinp-list ul li .info .prc span b {
    font-weight: normal;
    font-size: .36rem;
}

.pinp-list ul li .info .prc del {
    font-size: .28rem;
    color: #999999;
}

.pinp-list ul li .info .goshop {
    display: block;
    width: .66rem;
    height: .66rem;
    background: url(../images/ico_car2.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    bottom: 0;
}

.sh-info {
    height: 1.42rem;
    position: relative;
    background: #fff;
}

.sh-info .shmain {
    height: 1.38rem;
    position: relative;
}

.sh-info .shmain a {
    display: block;
    height: 1.38rem;
    position: relative;
}

.sh-info .shmain a::before {
    content: '';
    display: block;
    width: .27rem;
    height: .29rem;
    background: url(../images/ico_local.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: .36rem;
    top: .3rem;
}

.sh-info .shmain a::after {
    content: '';
    display: block;
    width: .15rem;
    height: .28rem;
    background: url(../images/ico_go3.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: .33rem;
    top: 50%;
    margin-top: -.14rem;
}

.sh-info .shmain a h2 {
    width: 6rem;
    font-weight: normal;
    padding-top: .2rem;
    font-size: .32rem;
    margin-left: .76rem;
}

.sh-info .shmain a h2 span.name {
    float: left;
}

.sh-info .shmain a h2 span.tel {
    float: right;
}

.sh-info .shmain a p {
    color: #999999;
    font-size: .26rem;
    margin-left: .76rem;
    padding-top: .15rem;
}

.sh-info .line {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(../images/line_tiap.png) no-repeat;
    background-size: 100% auto;
    height: .04rem;
}

.dingd-info {
    background: #fff;
    margin-top: .15rem;
}

.dingd-info .tt {
    height: .71rem;
    line-height: .71rem;
    border-bottom: 1px solid #ecebe8;
}

.dingd-info .tt i.ico {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico_dingd.png) no-repeat;
    background-size: 100% auto;
    margin-right: .09rem;
    margin-left: .27rem;
    width: .25rem;
    height: .28rem;
}

.dingd-info dl {
    margin: 0 .27rem;
    padding: .2rem 0;
    border-bottom: 1px solid #fafafa;
}

.dingd-info dl:last-child {
    border-bottom: none;
}

.dingd-info dl dt {
    display: block;
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
}

.dingd-info dl dd {
    width: 5.2rem;
    float: right;
    position: relative;
}

.dingd-info dl dd h2 {
    font-size: .24rem;
    padding-top: .1rem;
    font-weight: normal;
    height: 1rem;
}

.dingd-info dl dd span.price {
    font-size: .22rem;
    color: #f50e0e;
}

.dingd-info dl dd span.price b {
    font-weight: normal;
    font-size: .32rem;
}

.dingd-info dl dd span.num {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .22rem;
    color: #171616;
}

.dingd-ot-info {
    background: #fff;
    margin-top: .15rem;
}

.dingd-ot-info dl {
    border-bottom: 1px solid #ecebe8;
    height: .85rem;
    line-height: .85rem;
}

.dingd-ot-info dl dt {
    display: block;
    float: left;
    margin-left: .27rem;
}

.dingd-ot-info dl dd {
    float: left;
    height: .85rem;
    width: 5.35rem;
    margin-left: .2rem;
}

.dingd-ot-info dl dd .txt {
    height: .85rem;
}

.dingd-ot-info dl dd p {
    text-align: right;
}

.foot-js span.gongjsp {
    margin-left: .24rem;
    float: left;
    font-size: .26rem;
    line-height: .94rem;
}

.foot-js span.gongjsp span {
    font-size: .22rem;
    color: #f50e0e;
}

.foot-js span.gongjsp span b {
    font-weight: normal;
    font-size: .32rem;
}

.blackbg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
}

.tczf {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #fff;
    height: 9.38rem;
    z-index: 100;
    transition: all .3s;
    transform: translateY(9.38rem);
}

.tczf.open {
    transform: translateY(0);
}

.tczf span.close {
    display: block;
    width: .28rem;
    height: .28rem;
    background: url(../images/ico_close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: .22rem;
    left: .27rem;
}

.tczf h2 {
    height: 1.03rem;
    border-bottom: 1px solid #ccc;
    font-size: .32rem;
    color: #d7ae5f;
    text-align: center;
    line-height: 1.03rem;
    font-weight: normal;
}

.tczf h4 {
    font-size: .64rem;
    font-weight: normal;
    text-align: center;
    padding: .5rem 0;
}

.tczf ul li {
    border-bottom: 1px solid #c5c4c4;
    height: .97rem;
    line-height: .97rem;
    position: relative;
}

.tczf ul li i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
    width: .58rem;
    height: .58rem;
}

.tczf ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: .28rem;
}

.tczf a.btn-ljfk {
    display: block;
    font-size: .32rem;
    margin: .94rem .3rem;
    height: .76rem;
    background: #e1c231;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    line-height: .76rem;
}

.ui-switch {
    position: absolute;
    font-size: .16rem;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.27rem;
    width: .92rem;
    height: .54rem;
    line-height: .54rem;
}

.ui-switch input {
    width: .92rem;
    height: .54rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    outline: 0;
}

.ui-switch input:before {
    content: '';
    width: .92rem;
    height: .52rem;
    border: 1px solid #c5c3c3;
    background-color: #fdfdfd;
    border-radius: .27rem;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #dfdfdf;
    -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    -webkit-transition: border .4s, -webkit-box-shadow .4s;
    transition: border .4s, box-shadow .4s;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

.ui-switch input:checked:before {
    border-color: #1fda4f;
    -webkit-box-shadow: #1fda4f 0 0 0 0.16rem inset;
    box-shadow: #1fda4f 0 0 0 0.16rem inset;
    background-color: #1fda4f;
    transition: border .4s, box-shadow .4s, background-color 1.2s;
    -webkit-transition: border .4s, -webkit-box-shadow .4s, background-color 1.2s;
    background-color: #1fda4f;
}

.ui-switch input:checked:after {
    left: 0.4rem;
}

.ui-switch input:after {
    content: '';
    width: .52rem;
    height: .52rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.4);
    -webkit-transition: left .2s;
    transition: left 0.2s;
}

.in-mian-me {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: .88rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

@media only screen and (min-width: 750px) {
    .in-mian-me {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.me-top {
    background: #fff;
}

.me-top .bgtop {
    background: url(../images/me/topbg.png) no-repeat;
    background-size: 100% auto;
    height: 3.16rem;
}

.me-top .bgtop .opr {
    text-align: right;
    padding: 0 .52rem;
    padding-top: .65rem;
}

.me-top .bgtop .opr a {
    display: inline-block;
    vertical-align: middle;
    margin-left: .27rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.me-top .bgtop .opr a.btn-set {
    width: .4rem;
    height: .4rem;
    background-image: url(../images/me/ico_setup.png);
}

.me-top .bgtop .opr a.btn-msg {
    width: .37rem;
    height: .37rem;
    background-image: url(../images/me/ico_msg.png);
}

.me-top .bgtop .userinfo {
    padding-top: .34rem;
    margin: 0 .53rem;
}

.me-top .bgtop .userinfo .img {
    float: left;
    width: 1.05rem;
    height: 1.05rem;
    overflow: hidden;
    background: #fff;
    border-radius: 100%;
}

.me-top .bgtop .userinfo .info {
    float: left;
    width: 4.4rem;
    margin-left: .3rem;
}

.me-top .bgtop .userinfo .info h2 {
    font-weight: normal;
    font-size: .3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .7rem;
    color: #fff;
}

.me-top .bgtop .userinfo .info .level {
    display: inline-block;
    vertical-align: middle;
}

.me-top .bgtop .userinfo .info .level .ico-level {
    display: inline-block;
    vertical-align: middle;
    width: .49rem;
    height: .49rem;
    background: url(../images/me/ico_level.png) no-repeat;
    background-size: 100% auto;
    margin-right: .1rem;
}

.me-top .bgtop .userinfo .info .level em {
    font-size: .32rem;
    color: #f5d93c;
}

.me-top .bgtop .userinfo .info span {
    display: inline-block;
    font-size: .22rem;
    padding: .03rem .17rem;
    background: #d2a247;
    margin-right: .16rem;
    line-height: 1.2;
    border-radius: .1rem;
    color: #fff;
    margin-top: .05rem;
}

.me-top .me-myor .title {
    border-bottom: 1px solid #dedede;
    margin-top: .15rem;
    height: .7rem;
    line-height: .7rem;
}

.me-top .me-myor .title h2 {
    margin-left: .3rem;
    float: left;
    font-size: .3rem;
    font-weight: normal;
}

.me-top .me-myor .title a {
    float: right;
    color: #909090;
    font-size: .22rem;
    margin-right: .3rem;
}

.me-top .me-myor .title a i.ico {
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    width: .11rem;
    height: .21rem;
    background: url(../images/ico_go3.png) no-repeat;
    background-size: 100% auto;
}

.me-top .me-myor ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.me-top .me-myor ul li a {
    display: block;
    padding: .35rem 0 .15rem;
}

.me-top .me-myor ul li i.ico {
    display: block;
    height: .4rem;
    text-align: center;
    position: relative;
}

.me-top .me-myor ul li i.ico em {
    display: block;
    position: absolute;
    left: 50%;
    top: -.18rem;
    min-width: .11rem;
    padding: 0 .1rem;
    height: .31rem;
    border: 1px solid #ea2d22;
    background: #fff;
    text-align: center;
    line-height: .31rem;
    font-size: .23rem;
    color: #ea2d22;
    border-radius: .17rem;
    max-width: .58rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.me-top .me-myor ul li i.ico img {
    width: auto;
    height: 100%;
}

.me-top .me-myor ul li p {
    font-size: .22rem;
    color: #999;
    padding-top: .25rem;
}

.me-tool {
    background: #fff;
    margin-top: .15rem;
}

.me-tool .title {
    height: .97rem;
    line-height: .97rem;
}

.me-tool .title h2 {
    font-size: .3rem;
    margin-left: .46rem;
    font-weight: normal;
    color: #666;
}

.me-tool ul li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    height: 2rem;
}

.me-tool ul li a {
    display: block;
    height: 2rem;
    position: relative;
}

.me-tool ul li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    top: 0;
}

.me-tool ul li a::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    position: absolute;
    right: 0;
    top: 0;
}

.me-tool ul li a:active {
    background: #fafafa;
}

.me-tool ul li i.ico {
    display: block;
    height: .47rem;
    padding-top: .55rem;
    text-align: center;
}

.me-tool ul li i.ico img {
    width: auto;
    height: 100%;
}

.me-tool ul li p {
    color: #666666;
    font-size: .22rem;
    margin-top: .23rem;
}

.in-mian-zhif {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ecebe8;
}

@media only screen and (min-width: 750px) {
    .in-mian-zhif {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.zf-box .wrap {
    padding: 1.15rem 0 0 .9rem;
}

.zf-box .zf-tips {
    font-size: .36rem;
}

.zf-box .zf-tips .img {
    width: .91rem;
    height: .91rem;
    overflow: hidden;
    float: left;
    margin-right: .45rem;
}

.zf-box .zf-tips h2 {
    font-size: .36rem;
    font-weight: normal;
    line-height: .91rem;
    float: left;
}

.zf-box .zf-ord {
    padding-left: 1.36rem;
    font-size: .36rem;
}

.zf-box .zf-ord p {
    line-height: .7rem;
}

.zf-box .zf-ord p span {
    color: #f23030;
}

.can {
    text-align: center;
    font-size: .36rem;
    padding-top: .5rem;
}

.can span {
    display: inline;
    vertical-align: middle;
}

.can a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .26rem;
    height: .69rem;
    border: 1px solid #d2a247;
    color: #d2a247;
    text-align: center;
    line-height: .69rem;
    border-radius: .1rem;
    margin-left: .26rem;
}

.can a.btn-ck {
    background: #d2a247;
    color: #fff;
}


/*me*/

.adr-list {
    position: relative;
}

.adr-list li {
    background: #fff;
    margin-bottom: .25rem;
}

.adr-list li .title {
    margin: 0 .35rem;
    padding: .22rem 0;
    font-size: .32rem;
}

.adr-list li .title h4 {
    float: left;
    font-weight: normal;
}

.adr-list li .title span {
    float: right;
}

.adr-list li p {
    margin: 0 .35rem;
    color: #999;
    font-size: .28rem;
    min-height: .7rem;
}

.adr-list li .line {
    width: 100%;
    height: .04rem;
    background: url(../images/line_tiap.png) no-repeat;
    background-size: 100% auto;
}

.adr-list li .opr-bar {
    margin: 0 .35rem;
    padding: .25rem 0;
    font-size: .28rem;
}

.adr-list li span.moren i.ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: .12rem;
    width: .33rem;
    height: .32rem;
    background: url(../images/me/ico_moren.png) no-repeat;
    background-size: 100% 100%;
}

.adr-list li span.moren.moren-on {
    color: #f23030;
}

.adr-list li span.moren.moren-on i.ico {
    background-image: url(../images/me/ico_moren_on.png);
}

.adr-list li a {
    display: inline-block;
    color: #999;
    margin-left: .62rem;
}

.adr-list li a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: .12rem;
}

.adr-list li a i.ico-qh {
    width: .30rem;
    height: .30rem;
    background: url(../images/me/ico_qiehuan.png) no-repeat;
    background-size: 100% auto;
}

.adr-list li a i.ico-bj {
    width: .31rem;
    height: .31rem;
    background: url(../images/me/ico_bianji.png) no-repeat;
    background-size: 100% auto;
}

.adr-list li a i.ico-sc {
    width: .31rem;
    height: .30rem;
    background: url(../images/me/ico_shanchu.png) no-repeat;
    background-size: 100% auto;
}

.btn-tjadr {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #f1f1f1;
    height: 1.28rem;
    text-align: center;
}

.btn-tjadr a {
    display: block;
    margin: .23rem .3rem 0;
    background: #d2a247;
    color: #fff;
    font-size: .32rem;
    height: .8rem;
    line-height: .8rem;
}

.btn-tjadr a.btn-mng {
    background: #d8b640;
}

.meinner-adr {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: 1.28rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

@media only screen and (min-width: 750px) {
    .meinner-adr, .btn-tjadr {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.meinner-adr-add {
    position: absolute;
    width: 100%;
    top: .88rem;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
    overflow-y: auto;
}

@media only screen and (min-width: 750px) {
    .meinner-adr-add {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.iptform {
    background: #fff;
}

.iptform .item-ipt {
    padding: .2rem 0;
    min-height: .46rem;
    line-height: .46rem;
    margin-left: .3rem;
    position: relative;
}

.iptform .item-ipt span.name {
    width: 1.9rem;
    display: inline-block;
    font-size: .28rem;
    vertical-align: middle;
}

.iptform .item-ipt::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #e9e9e9;
}

.iptform .item-ipt:last-child::before {
    display: none;
}

.iptform .item-ipt .txt {
    height: .46rem;
    font-size: .28rem;
}

.iptform .item-ipt.item-slt:after {
    content: '';
    display: block;
    width: .11rem;
    height: .21rem;
    position: absolute;
    right: .3rem;
    top: 50%;
    margin-top: -.1rem;
    background: url(../images/me/ico_go.png) no-repeat;
    background-size: 100% auto;
}

.iptform .item-ipt.item-slt .content-block {
    position: absolute;
    right: .75rem;
    top: .2rem;
    height: .46rem;
    text-align: right;
}

.iptform .item-ipt.item-slt .content-block input {
    text-align: right;
    font-size: .28rem;
    height: .46rem;
}

.iptform .item-ipt.item-slt .slt {
    position: absolute;
    right: .75rem;
    top: .2rem;
    height: .46rem;
    text-align: right;
    z-index: 0;
    font-size: .28rem;
}

.iptform .item-ipt.item-slt select {
    position: absolute;
    right: .75rem;
    top: .2rem;
    height: .46rem;
    text-align: right;
    opacity: 0;
    z-index: 1;
}

.iptform .item-ipt .area {
    width: 96%;
    height: 1.1rem;
    font-size: .28rem;
}

.iptform .item-ipt .btn-huoqu {
    display: block;
    padding: 0 .25rem;
    height: .4rem;
    line-height: .4rem;
    background: #d2a247;
    color: #fff;
    font-size: .24rem;
    border-radius: .1rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.2rem;
}

.iptform .item-ipt a.link-go {
    display: block;
}

.iptform .item-ipt a.link-go span.nametx {
    line-height: .8rem;
}

.iptform .item-ipt a.link-go span.xiugai {
    float: right;
    margin-right: .3rem;
    font-size: .28rem;
    color: #999;
}

.iptform .item-ipt a.link-go span.wordxg {
    float: right;
    font-size: .28rem;
    color: #999;
    margin-right: .3rem;
}

.iptform .item-ipt a.link-go span.wordxg b {
    display: inline-block;
    vertical-align: middle;
    width: 2.3rem;
    margin-right: .44rem;
    font-weight: normal;
    text-align: right;
}

.iptform .item-ipt a.link-go span.wordxg span {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
}

.iptform .item-ipt a.link-go span.shenfen {
    float: right;
    margin-right: .3rem;
    font-size: .24rem;
    color: #666;
}

.iptform .item-ipt a.link-go i.ico-go {
    display: inline-block;
    margin-left: .1rem;
    width: .13rem;
    height: .25rem;
    background: url(../images/me/ico_go2.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.iptform .item-ipt a.link-go em {
    display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: middle;
}

.item-white {
    background: #fff;
    margin-top: .22rem;
    position: relative;
    padding: .2rem 0;
    min-height: .46rem;
}

.item-white span.set-default {
    float: left;
    margin-left: .3rem;
    color: #999;
    font-size: .24rem;
}

.item-white span.set-default i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .28rem;
    height: .29rem;
    background: url(../images/me/ico_gx.png) no-repeat;
    background-size: 100% auto;
    margin-right: .09rem;
    position: relative;
    top: -.03rem;
}

.item-white span.set-default.moren i.ico {
    background-image: url(../images/me/ico_gxon.png);
}

.item-white span.del {
    float: right;
    margin-right: .3rem;
    color: #999;
    font-size: .24rem;
}

.item-white span.del i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .3rem;
    height: .29rem;
    background: url(../images/me/ico_shanchu.png) no-repeat;
    background-size: 100% auto;
    margin-right: .09rem;
    position: relative;
    top: -.03rem;
}

.btnwrap {
    margin: .5rem .36rem;
}

.btnwrap .btn-mexl {
    display: block;
    height: .92rem;
    background: #d2a247;
    color: #fff;
    color: #fff;
    font-size: .32rem;
    border-radius: .1rem;
    width: 100%;
}

.btnwrap .btn-mng {
    background: #d8b640;
}

.iptformm30 .item-ipt {
    margin: 0 .3rem;
}

.GG-nichenbox {
    padding: .45rem .3rem .6rem;
}

.GG-nichenbox .bar {
    width: 100%;
    border-bottom: 1px solid #d2a247;
    height: .66rem;
    line-height: .66rem;
    font-size: .28rem;
    position: relative;
}

.GG-nichenbox .bar::before {
    content: '';
    display: block;
    background: #f23030;
    width: 1px;
    height: .1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.GG-nichenbox .bar::after {
    content: '';
    display: block;
    background: #f23030;
    width: 1px;
    height: .1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.GG-nichenbox .bar .txt {
    width: 4.86rem;
    margin: 0 .2rem;
    font-size: .28rem;
    background: none;
}

.GG-nichenbox .bar span.close-nc {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/me/ico_close_nc.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .2rem;
    bottom: .12rem;
    cursor: pointer;
    z-index: 1;
}

.mt20 {
    margin-top: .2rem;
}

.xybg {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}

.xieyibox {
    display: none;
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: .8rem;
    right: .8rem;
    background: #fff;
    border-radius: .1rem;
    z-index: 100;
}

.xieyibox span.close-xy {
    display: block;
    width: .46rem;
    height: .46rem;
    background: url(../images/me/ico_close_xy.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .2rem;
    top: .2rem;
    cursor: pointer;
}

.xieyibox h2 {
    font-size: .28rem;
    font-weight: normal;
    text-align: center;
    padding: .2rem 0;
}

.xieyibox .cont {
    position: absolute;
    left: .4rem;
    right: .4rem;
    top: .8rem;
    bottom: .6rem;
    overflow-y: auto;
    font-size: .24rem;
    color: #666;
    line-height: 2;
}

.spgl-box {
    background: #fff;
}

.spgl-box .gl-top {
    padding: .2rem;
}

.spgl-box .gl-top .img {
    display: inline-block;
    width: 1.44rem;
    height: 1.44rem;
    margin-right: .2rem;
    vertical-align: middle;
}

.spgl-box .gl-top .info {
    display: inline-block;
    width: 4.01rem;
    vertical-align: middle;
}

.spgl-box .gl-top .info h2 {
    font-weight: normal;
    font-size: .28rem;
}

.spgl-box .gl-top .info p {
    font-size: .24rem;
    color: #999;
    margin-top: .2rem;
}

.spgl-box .gl-top .info span.price {
    font-size: .24rem;
    display: block;
    color: #f23030;
}

.spgl-box .gl-top .info span.price b {
    font-weight: normal;
    font-size: .32rem;
}

.spgl-box .gl-bt {
    border-top: 1px solid #e0e0e0;
    padding: .1rem 0;
    text-align: center;
}

.spgl-box .gl-bt a {
    display: inline-block;
    text-align: center;
    font-size: .24rem;
    width: 1.45rem;
    height: .58rem;
    border: 1px solid #e1e1e1;
    border-radius: .05rem;
    line-height: .58rem;
    margin: 0 .08rem;
}

.spgl-box .gl-bt a.btn-edt {
    color: #fff;
    background: #d2a247;
    border: 1px solid #d2a247;
}

.spgl-boxadd {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.addspwrap {
    padding: .3rem 0 .1rem .3rem;
}

.addspwrap .itemdl1 {
    margin: 0 0 .26rem;
    line-height: .7rem;
}

.addspwrap .itemdl1 dt {
    display: block;
    float: left;
    width: 1.75rem;
    font-size: .32rem;
    vertical-align: top;
}

.addspwrap .itemdl1 dd {
    display: block;
    float: left;
    width: 5.06rem;
    vertical-align: top;
}

.addspwrap .itemdl1 .dfttxt {
    width: 4.8rem;
    padding: 0 .1rem;
    height: .7rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    font-size: .28rem;
}

.addspwrap .itemdl1 .sortslt {
    width: 2.13rem;
    height: .74rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    position: relative;
    float: left;
    margin: 0 .3rem .26rem 0;
}

.addspwrap .itemdl1 .sortslt span {
    line-height: .74rem;
    font-size: .28rem;
    margin-left: .28rem;
}

.addspwrap .itemdl1 .sortslt::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: .1rem solid #333;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    position: absolute;
    top: .3rem;
    right: .25rem;
}

.addspwrap .itemdl1 .sortslt select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

.addspwrap .itemdl1 .Areamiaoshu {
    border: 1px solid #e3e3e3;
    width: 4.8rem;
    padding: .1rem;
    height: 1.5rem;
}

.addspwrap a.yfmb {
    display: block;
    width: 3.32rem;
    padding: 0 .1rem;
    height: .7rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    position: relative;
    font-size: .32rem;
    text-indent: .2rem;
}

.addspwrap a.yfmb::after {
    content: '';
    display: block;
    width: .38rem;
    height: .32rem;
    background: url(../images/me/ico_go3.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .26rem;
    top: 50%;
    margin-top: -.16rem;
}

.itemdl2 {
    margin: 0 0 .3rem .36rem;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.itemdl2 dt {
    font-size: .32rem;
    color: #333;
}

.itemdl2 a {
    display: block;
    padding: .3rem 0;
}

.itemdl2::after {
    content: '';
    display: block;
    width: .16rem;
    height: .29rem;
    background: url(../images/me/ico_go2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .32rem;
    top: 50%;
    margin-top: -.15rem;
}

.itemdl3 {
    padding: .3rem 0;
}

.itemdl3 dt {
    display: block;
    font-size: .32rem;
}

.itemdl3 .uploadbar {
    padding: .3rem 0;
}

.itemdl3 .uploadbar li {
    float: left;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 .23rem .2rem 0;
    position: relative;
}

.itemdl3 .uploadbar li em.dlt {
    display: block;
    width: .29rem;
    height: .29rem;
    background: url(../images/me/ico_dlt.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.itemdl3 .uploadbar li.btndelete {
    background: url(../images/me/ico_addjia.png) no-repeat;
    background-size: 100%;
}

.psfs {
    text-align: center;
    margin-top: .3rem;
}

.psfs span {
    display: inline-block;
    margin: 0 .34rem;
    font-size: .32rem;
}

.psfs span::before {
    content: '';
    display: inline-block;
    width: .32rem;
    height: .33rem;
    background: url(../images/me/ico_ck1.png) no-repeat;
    background-size: 100%;
    margin-right: .13rem;
    position: relative;
    top: .03rem;
}

.psfs span.on::before {
    background-image: url(../images/me/ico_ck1on.png);
}

.meinner-adr-add2 {
    width: 100%;
    overflow-x: hidden;
}

.meinner-adr-add2 .meinner-adr {
    top: 0;
}

.flxzbg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.addflxz {
    background: #fff;
    position: absolute;
    right: 0;
    top: .32rem;
    bottom: 0;
    transition: all .3s;
    transform: translateX(6.34rem);
    width: 6.34rem;
}

.addflxz .flxzwrap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 1.2rem;
    width: 100%;
    overflow-y: auto;
}

.addflxz .flxzwrap dl {
    margin: 0 0 0 .36rem;
    border-bottom: 1px solid #f1f1f1;
    padding: .2rem 0 0;
}

.addflxz .flxzwrap dl dt {
    display: block;
    font-size: .32rem;
}

.addflxz .flxzwrap dl dd {
    margin-top: .3rem;
}

.addflxz .flxzwrap dl dd a {
    display: inline-block;
    font-size: .28rem;
    padding: 0 .3rem;
    height: .6rem;
    line-height: .6rem;
    margin-right: .3rem;
    border-radius: .1rem;
    margin-bottom: .3rem;
}

.addflxz .flxzwrap dl dd a.active {
    background: #d8b640;
    color: #fff;
}

.addflxz .bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.2rem;
}

.addflxz .bot a.btn-enter {
    display: block;
    height: .9rem;
    line-height: .9rem;
    background: #d8b640;
    margin: 0 .37rem;
    font-size: .38rem;
    text-align: center;
    color: #fff;
    border-radius: .1rem;
}

.addflxz.open {
    transform: translateX(0);
}

.btn-spgl-tjadr {
    background: #fff;
    border-top: 1px solid #f9f9f9;
}

.btn-spgl-tjadr a {
    height: .92rem;
    background: #d8b640;
    line-height: .92rem;
    font-size: .38rem;
    border-radius: .1rem;
}

.btn-yf-tjadr a {
    border-radius: .1rem;
    background: #d8b640;
}

@media only screen and (min-width: 750px) {
    .meinner-adr-add2 {
        left: 50%;
        width: 750px;
        margin-left: -375px;
        overflow-y: auto;
    }
}

.qhjffsbox {
    display: none;
    width: 6.58rem;
    height: 2.65rem;
    background: #fff;
    border-radius: .1rem;
    position: absolute;
    left: 50%;
    margin-left: -3.29rem;
    top: 50%;
    margin-top: -1.32rem;
}

.qhjffsbox p {
    font-size: .32rem;
    padding: .5rem 0;
    text-align: center;
}

.qhjffsbox .btns {
    text-align: center;
}

.qhjffsbox .btns a {
    display: inline-block;
    width: 2.15rem;
    height: .75rem;
    line-height: .75rem;
    border-radius: .1rem;
    font-size: .28rem;
    margin: 0 .28rem;
}

.qhjffsbox .btns a.fou {
    background: #e0e0e0;
    color: #666;
}

.qhjffsbox .btns a.shi {
    background: #d8b640;
    color: #fff;
}

.mryfbox {
    margin: 0 .3rem 0 .99rem;
    padding: .2rem 0 0;
}

.mryfbox span {
    display: inline-block;
    vertical-align: middle;
    margin: .1rem 0;
    line-height: .7rem;
    font-size: .32rem;
}

.mryfbox span em {
    color: #999;
    font-size: .28rem;
}

.mryfbox input {
    width: 1.18rem;
    text-align: center;
    height: .7rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    font-size: .28rem;
    margin: .1rem .05rem;
}

.zhidingdq {
    background: #fff;
    border-radius: .1rem;
    border: 1px solid #e9e9e9;
    margin: .4rem .24rem;
}

.zhidingdq .title {
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    height: .8rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #666;
}

.zhidingdq .cont {
    padding: .5rem 0 0 .16rem;
}

.zhidingdq .cont dl dt {
    display: block;
    float: left;
    width: .96rem;
    font-size: .28rem;
    line-height: .74rem;
}

.zhidingdq .cont dl dd {
    float: left;
}

.zhidingdq .cont dl .dqtxt {
    width: 2.13rem;
    text-align: center;
    height: .74rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    font-size: .28rem;
    margin-right: .3rem;
}

.zhidingdq .cont dl .marn {
    margin-right: 0;
}

.zhidingdq .cont dl .sortslt {
    width: 2.13rem;
    height: .74rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    position: relative;
    float: left;
    margin: 0 .3rem .26rem 0;
}

.zhidingdq .cont dl .sortslt span {
    line-height: .74rem;
    font-size: .28rem;
    margin-left: .28rem;
}

.zhidingdq .cont dl .sortslt::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: .1rem solid #333;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    position: absolute;
    top: .3rem;
    right: .25rem;
}

.zhidingdq .cont dl .sortslt select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

.zhidingdq .cont dl a.btntj {
    line-height: .74rem;
    color: #999;
    font-size: .28rem;
    display: block;
    float: left;
    position: relative;
    color: #ff7e00;
}

.zhidingdq .cont dl a.btntj::after {
    content: '';
    display: inline-block;
    border-left: .08rem solid #ff7e00;
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    margin-left: .1rem;
    position: relative;
    top: 0;
}

.zhidingdq .cont dl a.btntj.active {
    color: #999;
}

.zhidingdq .cont dl a.btntj.active::after {
    content: '';
    display: inline-block;
    border-top: .08rem solid #999;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    margin-left: .1rem;
    position: relative;
    top: -.03rem;
}

.zhidingdq .hideitem {
    display: none;
}

.zhidingdq .hideitem dl {
    margin-bottom: .27rem;
}

.zhidingdq .opr {
    display: none;
    border-top: 1px solid #f1f1f1;
    height: 1rem;
    line-height: 1rem;
    text-align: right;
}

.zhidingdq .opr a {
    display: inline-block;
    margin-right: .4rem;
    margin-left: .2rem;
    font-size: .28rem;
    color: #999;
    position: relative;
}

.zhidingdq .opr a.btn-xz::before {
    content: '';
    display: inline-block;
    width: .32rem;
    height: .3rem;
    background: url(../images/me/ico_bianji.png) no-repeat;
    background-size: 100%;
    margin-right: .1rem;
    vertical-align: middle;
    position: relative;
    top: -.03rem;
}

.zhidingdq .opr a.btn-sc::before {
    content: '';
    display: inline-block;
    width: .32rem;
    height: .3rem;
    background: url(../images/me/ico_shanchu.png) no-repeat;
    background-size: 100%;
    margin-right: .1rem;
    vertical-align: middle;
    position: relative;
    top: -.03rem;
}

.kc-top {
    padding: .25rem;
}

.kc-top .img {
    float: left;
    width: 1.7rem;
    height: 1.7rem;
    overflow: hidden;
}

.kc-top .info {
    float: right;
    width: 5.14rem;
}

.kc-top .info h2 {
    font-weight: normal;
    font-size: .32rem;
    padding: .1rem 0;
}

.kc-top .info p {
    line-height: .74rem;
}

.kc-top .info p span {
    display: inline-block;
    vertical-align: middle;
    font-size: .32rem;
}

.kc-top .info p .kctxt {
    width: 4.02rem;
    height: .72rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    font-size: .28rem;
    padding: 0 .05rem;
}

.bankbox {
    padding: .34rem .36rem;
}

.bankbox ul li {
    height: 2.35rem;
    border-radius: .1rem;
    margin-bottom: .24rem;
    color: #fff;
}

.bankbox ul li h2 {
    font-weight: normal;
    font-size: .32rem;
    padding: .38rem 0 0 .45rem;
}

.bankbox ul li p {
    font-size: .42rem;
    text-align: right;
    padding: .64rem .46rem 0 0;
}

.bankbox ul li.bg-1 {
    background: #f94848;
}

.bankbox ul li.bg-2 {
    background: #1ba552;
}

.bankbox ul li.bg-3 {
    background: #1875c4;
}

.bankbox .addbank {
    border-bottom: 1px solid #e2e2e2;
}

.bankbox .addbank a {
    display: block;
    font-size: .32rem;
    position: relative;
    padding: .1rem 0 .2rem;
}

.bankbox .addbank a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .3rem;
    height: .3rem;
    background: url(../images/me/ico_addbank.png) no-repeat;
    background-size: 100%;
    margin-right: .24rem;
    position: relative;
    top: -.03rem;
}

.tixian-top {
    border-bottom: 1px solid #e5e5e5;
    background: #fcfcfd;
    height: 1.54rem;
}

.tixian-top ul {
    padding: .3rem 0;
}

.tixian-top ul li {
    float: left;
    position: relative;
    width: 50%;
    text-align: center;
    color: #ffa800;
}

.tixian-top ul li span {
    font-size: .28rem;
    display: block;
}

.tixian-top ul li p {
    font-size: .32rem;
    padding-top: .15rem;
}

.tixian-top ul li:last-child {
    color: #f23030;
}

.tixian-top ul li:last-child::before {
    content: '';
    display: block;
    width: 1px;
    height: .88rem;
    background: #e2e2e2;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.44rem;
}

.tixian-edu {
    background: #fff;
    padding: .34rem 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #eaeaea;
}

.tixian-edu p.kt {
    font-size: .32rem;
    margin-left: .36rem;
}

.tixian-edu p.kt span {
    color: #f23030;
}

.tixian-edu p.sm {
    font-size: .28rem;
    color: #666;
    line-height: .4rem;
    padding: 0 .36rem;
}

.tixian-minf {
    background: #fff;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #eaeaea;
    padding: .1rem 0 .37rem;
}

.tixian-minf dl {
    line-height: .82rem;
}

.tixian-minf dl dt {
    display: inline-block;
    margin-left: .36rem;
    font-size: .32rem;
    vertical-align: top;
}

.tixian-minf dl dd {
    display: inline-block;
    font-size: .32rem;
}

.tixian-minf dl dd .psfs {
    margin-top: 0;
}

.tixian-minf dl dd .psfs span {
    margin-right: .37rem;
    margin-left: 0;
}

.tixian-minf dl dd .txt {
    width: 4.35rem;
    border-bottom: 1px solid #e2e2e2;
    font-size: .32rem;
}

.tixian-minf dl dd .sortslt {
    display: inline-block;
    width: 2.75rem;
    height: .8rem;
    border: 1px solid #e1e1e1;
    background: #f1f1f1;
    position: relative;
    margin: 0 .3rem 0 0;
}

.tixian-minf dl dd .sortslt span {
    line-height: .8rem;
    font-size: .32rem;
    margin-left: .28rem;
}

.tixian-minf dl dd .sortslt::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: .1rem solid #333;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    position: absolute;
    top: .3rem;
    right: .25rem;
}

.tixian-minf dl dd .sortslt select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

.tixian-minf dl dd a.go-add {
    font-size: .28rem;
    color: #999999;
    text-decoration: underline;
}

.tixian-minf dl dd .txt2 {
    display: inline-block;
    width: 2.16rem;
    height: .82rem;
    border: 1px solid #e2e2e2;
    margin-right: .13rem;
}

.tixian-minf dl dd span.yzm {
    display: inline-block;
    width: 1.73rem;
    height: .73rem;
    overflow: hidden;
    vertical-align: middle;
    margin-right: .13rem;
}

.tixian-minf dl dd a.kbq {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: .28rem;
    color: #999999;
}

.tixian-jilu {
    background: #fff;
}

.tixian-jilu ul {
    margin-left: .36rem;
}

.tixian-jilu ul li {
    border-bottom: 1px solid #e3e3e3;
    padding: .28rem 0;
    font-size: .32rem;
}

.tixian-jilu ul li p {
    display: inline;
    color: #999;
}

.tixian-jilu ul li:last-child {
    border-bottom: none;
}

.tixian-jilu ul li p.money {
    color: #f23030;
}

.tixian-jilu ul.tixadd span {
    margin-right: .6rem;
    display: inline-block;
}

.tixian-jilu ul.tixadd .txt {
    width: 3.8rem;
    font-size: .32rem;
}

.tixian-jilu ul.tixadd .sortslt {
    display: inline-block;
    height: .8rem;
    position: relative;
    margin-left: -.03rem;
}

.tixian-jilu ul.tixadd .sortslt span {
    line-height: .8rem;
    font-size: .32rem;
}

.tixian-jilu ul.tixadd .sortslt::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: .1rem solid #333;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    position: absolute;
    top: .3rem;
    right: .25rem;
}

.tixian-jilu ul.tixadd .sortslt select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

.tixian-jilu ul.chongzhi span {
    margin-right: .6rem;
    display: inline-block;
}

.tixian-jilu ul.chongzhi p {
    color: #333;
}

.tixian-jilu ul.chongzhi .txt {
    width: 4.8rem;
    font-size: .32rem;
}

.centertitle {
    padding: .3rem .36rem;
}

.centertitle h2 {
    font-weight: normal;
    font-size: .32rem;
}

.tixian-czfs {
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
}

.tixian-czfs ul {
    margin-left: .36rem;
}

.tixian-czfs ul li {
    position: relative;
}

.tixian-czfs ul li a {
    display: block;
    line-height: 1.02rem;
    position: relative;
}

.tixian-czfs ul li a::after {
    content: '';
    display: block;
    width: .16rem;
    height: .29rem;
    background: url(../images/me/ico_go2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: .36rem;
    top: 50%;
    margin-top: -.15rem;
}

.tixian-czfs ul li em {
    display: inline-block;
    vertical-align: middle;
    width: .64rem;
    height: .64rem;
    margin-right: .2rem;
}

.tixian-czfs ul li span {
    font-size: .32rem;
    display: inline-block;
    vertical-align: middle;
}

.tixian-czfs ul li::after {
    content: '';
    display: block;
    position: absolute;
    left: .84rem;
    bottom: 0;
    right: 0;
    background: #e3e3e3;
    height: 1px;
}

.tixian-czfs ul li:last-child::after {
    display: none;
}

.czsm {
    padding: .4rem .36rem;
}

.czsm p {
    font-size: .28rem;
    line-height: .4rem;
    color: #666;
}

.yhquanbox .tit {
    height: .88rem;
    border-bottom: 1px solid #e2e2e3;
    background: #fff;
    text-align: center;
}

.yhquanbox .tit li {
    float: left;
    width: 50%;
    font-size: .32rem;
    line-height: .88rem;
}

.yhquanbox .tit li a {
    display: inline-block;
    position: relative;
}

.yhquanbox .tit li.on a::after {
    content: '';
    display: block;
    width: 100%;
    height: .05rem;
    background: #ffcd02;
    position: absolute;
    left: 0;
    bottom: 0;
}

.yhquanbox .cont {
    display: none;
}

.yhquanbox .cont .quanitem {
    margin: .12rem auto 0;
    width: 7.28rem;
    height: 2.26rem;
    background: url(../images/me/quan_bg_wsy.png) no-repeat;
    background-size: 100%;
}

.yhquanbox .cont .quanitem .left {
    width: 5.16rem;
    float: left;
    position: relative;
    height: 2.26rem;
}

.yhquanbox .cont .quanitem .left h2 {
    font-weight: normal;
    font-size: .3rem;
    padding: .4rem .24rem;
}

.yhquanbox .cont .quanitem .left p {
    font-size: .26rem;
    margin-left: .26rem;
}

.yhquanbox .cont .quanitem .left:after {
    content: '';
    display: none;
    width: .32rem;
    height: .32rem;
    background: url(../images/me/ico_quan_xz.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -.16rem;
    bottom: .12rem;
}

.yhquanbox .cont .quanitem .right {
    float: right;
    width: 2.07rem;
    color: #fff;
    text-align: center;
    height: 2.26rem;
    position: relative;
}

.yhquanbox .cont .quanitem .right h2 {
    font-weight: normal;
    font-size: .52rem;
    padding-top: .6rem;
}

.yhquanbox .cont .quanitem .right h3 {
    font-weight: normal;
    line-height: .47rem;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.yhquanbox .cont .quanitem.quanitemsx {
    background-image: url(../images/me/quan_bg_sx.png);
}

.yhquanbox .cont .quanitem.on {
    background-image: url(../images/me/quan_bg_wsy_on.png);
}

.yhquanbox .cont .quanitem.on .left {
    color: #fff;
}

.yhquanbox .cont .quanitem.on .left::after {
    display: block;
}

.mybag-top {
    height: 3.36rem;
    background: url(../images/me/topbg2.jpg) no-repeat;
    background-size: 100%;
    color: #fff;
}

.mybag-top .bag-topbar {
    padding-top: .47rem;
}

.mybag-top .bag-topbar a {
    display: block;
}

.mybag-top .bag-topbar a.btn-back {
    float: left;
    margin: .2rem 0 0 .26rem;
    font-size: .3rem;
    color: #fff;
}

.mybag-top .bag-topbar a.btn-back i.ico-back {
    display: inline-block;
    width: .19rem;
    height: .31rem;
    background: url(../images/ico_back.png) no-repeat;
    background-size: 100% auto;
    margin-right: .14rem;
    vertical-align: middle;
    position: relative;
    top: -.02rem;
}

.mybag-top .bag-topbar h2 {
    color: #fff;
    font-size: .36rem;
    text-align: center;
    position: absolute;
    width: 60%;
    left: 50%;
    font-weight: normal;
    margin-left: -30%;
    top: .47rem;
    line-height: .88rem;
}

.mybag-top .bag-topbar a.btn-msg2 {
    float: right;
    width: .4rem;
    height: .4rem;
    background: url(../images/ico_msg.png) no-repeat;
    background-size: 100% auto;
    margin: .23rem .3rem 0 0;
}

.bagmd {
    padding-top: .5rem;
}

.bagmd ul li {
    width: 33.33%;
    float: left;
    text-align: center;
}

.bagmd ul li i {
    display: block;
    margin: 0 auto .22rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.bagmd ul li i.ico-1 {
    width: .63rem;
    height: .49rem;
    background-image: url(../images/me/ico_bag_top_1.png);
}

.bagmd ul li i.ico-2 {
    width: .56rem;
    height: .56rem;
    background-image: url(../images/me/ico_bag_top_2.png);
}

.bagmd ul li i.ico-3 {
    width: .74rem;
    height: .51rem;
    background-image: url(../images/me/ico_bag_top_3.png);
}

.bagmd ul li p {
    font-size: .24rem;
    line-height: .4rem;
    color: #fff;
}

.bagmd ul li p span {
    display: block;
}

.mybag-md {
    background: #fff;
}

.mybag-md ul li {
    width: 50%;
    float: left;
    padding: .22rem 0;
    line-height: 1.5;
    position: relative;
}

.mybag-md ul li a {
    display: block;
    text-align: center;
    position: relative;
}

.mybag-md ul li span {
    font-size: .28rem;
}

.mybag-md ul li p {
    font-size: .26rem;
    color: #6c6c6c;
}

.mybag-md ul li:last-child::after {
    content: '';
    display: block;
    width: 1px;
    height: .58rem;
    background: #c0c0c0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.29rem;
}

.mybag-tool {
    background: #fff;
    border-bottom: 1px solid #fbfbfb;
}

.mybag-tool ul li {
    width: 33.33%;
    float: left;
    position: relative;
    text-align: center;
}

.mybag-tool ul li a {
    display: block;
    height: 1.88rem;
    position: relative;
}

.mybag-tool ul li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    left: 0;
    top: 0;
}

.mybag-tool ul li a::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    position: absolute;
    right: 0;
    top: 0;
}

.mybag-tool ul li a:active {
    background: #fafafa;
}

.mybag-tool ul li i.ico {
    display: block;
    height: .41rem;
    padding-top: .55rem;
    text-align: center;
}

.mybag-tool ul li i.ico img {
    width: auto;
    height: 100%;
}

.mybag-tool ul li p {
    color: #666666;
    font-size: .28rem;
    margin-top: .18rem;
}

.mybag-ktong {
    background: #fff;
    position: relative;
}

.mybag-ktong h2 {
    font-weight: normal;
    color: #c9a970;
    font-size: .3rem;
    padding: .4rem 0 0 .7rem;
}

.mybag-ktong p {
    font-size: .24rem;
    color: #424244;
    padding: 0 0 .45rem .7rem;
}

.mybag-ktong a.ktong {
    display: block;
    padding: 0 .1rem;
    height: .45rem;
    background: #c9a970;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    line-height: .45rem;
    font-size: .24rem;
    position: absolute;
    right: .5rem;
    top: .58rem;
}

.in-mian-Dpu {
    padding-bottom: .3rem;
}

@media only screen and (min-width: 750px) {
    .in-mian-Dpu, .in-mian-Jfen {
        width: 750px;
        margin: 0 auto;
    }
}

.DpuGL-top {
    background: #fff;
    margin: -1.09rem .28rem 0;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2);
}

.DpuGL-top .userinfo {
    padding-top: .34rem;
    margin: 0 .53rem;
}

.DpuGL-top .userinfo .img {
    float: left;
    width: 1.05rem;
    height: 1.05rem;
    overflow: hidden;
    background: #fff;
    border-radius: 100%;
}

.DpuGL-top .userinfo .info {
    float: left;
    width: 4.4rem;
    margin-left: .3rem;
}

.DpuGL-top .userinfo .info h2 {
    font-weight: normal;
    font-size: .3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .7rem;
    color: #747474;
}

.DpuGL-top .userinfo .info .level {
    display: inline-block;
    vertical-align: middle;
}

.DpuGL-top .userinfo .info .level .ico-level {
    display: inline-block;
    vertical-align: middle;
    width: .49rem;
    height: .49rem;
    background: url(../images/me/ico_level.png) no-repeat;
    background-size: 100% auto;
    margin-right: .1rem;
}

.DpuGL-top .userinfo .info .level em {
    font-size: .32rem;
    color: #f5d93c;
}

.DpuGL-top .userinfo .info span {
    display: inline-block;
    font-size: .22rem;
    padding: .03rem .17rem;
    background: #d2a247;
    margin-right: .16rem;
    line-height: 1.2;
    border-radius: .1rem;
    color: #fff;
    margin-top: .05rem;
}

.DpuGL-top .dpoprbar {
    padding: .3rem 0 .3rem;
}

.DpuGL-top .dpoprbar li {
    float: left;
    width: 25%;
    text-align: center;
}

.DpuGL-top .dpoprbar li a {
    display: block;
    padding: .35rem 0 .15rem;
}

.DpuGL-top .dpoprbar li i.ico {
    display: block;
    height: .4rem;
    text-align: center;
    position: relative;
}

.DpuGL-top .dpoprbar li i.ico em {
    display: block;
    position: absolute;
    left: 50%;
    top: -.18rem;
    min-width: .11rem;
    padding: 0 .1rem;
    height: .31rem;
    border: 1px solid #ea2d22;
    background: #fff;
    text-align: center;
    line-height: .31rem;
    font-size: .23rem;
    color: #ea2d22;
    border-radius: .17rem;
    max-width: .58rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.DpuGL-top .dpoprbar li i.ico img {
    width: auto;
    height: 100%;
}

.DpuGL-top .dpoprbar li p {
    font-size: .22rem;
    color: #999;
    padding-top: .25rem;
}

.DpuGL-state {
    background: #fff;
    margin: .2rem .28rem 0;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2);
}

.DpuGL-state .tit {
    height: .8rem;
    line-height: .8rem;
    border-bottom: 1px solid #d6d6d6;
}

.DpuGL-state .tit h2 {
    font-weight: normal;
    margin-left: .28rem;
    font-size: .32rem;
    color: #777777;
}

.DpuGL-state ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
}

.DpuGL-state ul li::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    position: absolute;
    right: 0;
    top: 0;
}

.DpuGL-state ul li:last-child::before {
    display: none;
}

.DpuGL-state ul li a {
    display: block;
    padding: .28rem 0;
}

.DpuGL-state ul li span {
    display: block;
    color: #777;
    font-size: .26rem;
}

.DpuGL-state ul li p {
    color: #d2a247;
    font-size: .28rem;
}

.DpuGL-tool {
    background: #fff;
    margin: .2rem .28rem 0;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2);
}

.DpuGL-tool .tit {
    height: .8rem;
    line-height: .8rem;
    border-bottom: 1px solid #d6d6d6;
}

.DpuGL-tool .tit h2 {
    font-weight: normal;
    margin-left: .28rem;
    font-size: .32rem;
    color: #777777;
}

.DpuGL-tool ul li {
    width: 25%;
    float: left;
    text-align: center;
}

.DpuGL-tool ul li a {
    display: block;
    height: 1.64rem;
}

.DpuGL-tool ul li i.ico {
    display: inline-block;
    margin: .26rem auto 0;
    height: .49rem;
}

.DpuGL-tool ul li i.ico img {
    width: auto;
    height: 100%;
}

.DpuGL-tool ul li p {
    color: #5e5e5e;
    font-size: .22rem;
    padding-top: .1rem;
}

.DpuGL-tc {
    margin: .36rem .28rem;
}

.DpuGL-tc a {
    display: block;
    text-align: center;
    height: .98rem;
    line-height: .98rem;
    background: #d2a247;
    color: #fff;
    font-size: .3rem;
}

.bgwhite {
    background: #fff;
}

.bgwhite .outwrap {
    background: #fff;
}

.JFen-top {
    height: 3.32rem;
    background: #ffc453;
}

.JFen-top .JFenGL-top {
    padding-top: .88rem;
    position: relative;
}

.JFen-top .JFenGL-top h3 {
    text-align: center;
    font-weight: normal;
    color: #858585;
    font-size: .28rem;
    padding-top: .26rem;
}

.JFen-top .JFenGL-top p {
    color: #fff;
    font-size: .24rem;
    text-align: center;
    padding-top: .1rem;
}

.JFen-top .JFenGL-top p strong {
    font-weight: normal;
    font-size: .86rem;
}

.JFen-top .JFenGL-top a.sm {
    display: block;
    color: #fff;
    font-size: .24rem;
    position: absolute;
    right: .53rem;
    top: 1.18rem;
}

.JFenGL-table table {
    background: #fff;
    width: 100%;
    text-align: center;
}

.JFenGL-table table th {
    position: relative;
    height: 1.01rem;
    background: #ff5339;
    border-bottom: 1px solid #ef9f93;
    color: #fff;
    font-weight: normal;
    font-size: .32rem;
}

.JFenGL-table table th::after {
    content: '';
    display: block;
    width: 1px;
    height: .6rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.3rem;
    background: #fff;
}

.JFenGL-table table th:last-child::after {
    display: none;
}

.JFenGL-table table td {
    font-size: .28rem;
    padding: .36rem 0;
}

.JFenGL-table table td:last-child {
    color: #999;
}

.JFenGL-table table tr:nth-child(2n) {
    background: #f5f5f5;
}

.jiazaism {
    text-align: center;
    padding: .3rem 0;
    font-size: .28rem;
    color: #999;
}

.fx-sorttx ul li {
    width: 33.33%;
}

.txjlbx h3 {
    font-size: .3rem;
    line-height: .58rem;
    font-weight: normal;
    text-indent: .4rem;
    color: #858585;
}

.txjlbx ul {
    background: #fff;
}

.txjlbx ul li {
    border-bottom: 1px solid #c3c3c3;
    padding: .28rem 0;
    height: .88rem;
}

.txjlbx ul li .img {
    float: left;
    width: .88rem;
    height: .88rem;
    overflow: hidden;
    border-radius: 100%;
    margin-left: .27rem;
}

.txjlbx ul li .info {
    float: left;
    width: 4.05rem;
    margin-left: .25rem;
}

.txjlbx ul li .info h2 {
    font-weight: normal;
    font-size: .26rem;
}

.txjlbx ul li .info p {
    color: #a0a0a0;
    font-size: .26rem;
    padding-top: .1rem;
}

.txjlbx ul li .opr {
    float: right;
    text-align: center;
    margin-right: .33rem;
}

.txjlbx ul li .opr span.money {
    display: block;
    font-size: .32rem;
    font-weight: bold;
}

.txjlbx ul li .opr em {
    font-size: .26rem;
    display: block;
    padding-top: .1rem;
}

.txjlbx ul li .opr em.cl {
    color: #d2a247;
}

.txjlbx ul li .opr em.cg {
    color: #939393;
}

.txjlbx ul li .opr em.sb {
    color: #fc4949;
}

.txjlbx ul li:last-child {
    border-bottom: none;
}

.sj-outwrap .in-mian {
    position: absolute;
    width: 100%;
    top: .44rem;
    bottom: .88rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
}

.sj-outwrap .topbar a.btn-back {
    margin-top: .26rem;
}

.sj-outwrap .topbar .search {
    left: .67rem;
    background: rgba(255, 255, 255, 0.6);
}

@media only screen and (min-width: 750px) {
    .sj-outwrap .in-mian {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.sjdp-top {
    position: relative;
    height: 2.3rem;
    overflow: hidden;
}

.sjdp-top .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
}

.sjdp-top .bg .sjdp-photo {
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: .76rem 0 0 .24rem;
    background: #fff;
}

.sjdp-top .bg h2 {
    float: left;
    margin-left: .15rem;
    margin-top: 1rem;
    font-size: .24rem;
    text-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.9);
    color: #fff;
    font-weight: normal;
    line-height: 1.5;
}

.sjdp-top .bg .guanzhu {
    position: absolute;
    right: 0;
    top: .95rem;
    width: 1.15rem;
    border-top-left-radius: .12rem;
    overflow: hidden;
    border-bottom-left-radius: .12rem;
    background: #616161;
    color: #fff;
    text-align: center;
}

.sjdp-top .bg .guanzhu span {
    display: block;
    height: .49rem;
    color: #fff;
    background: #f23030;
    line-height: .49rem;
    text-align: center;
    font-size: .26rem;
    position: relative;
    border-top-left-radius: .12rem;
}

.sjdp-top .bg .guanzhu span::before {
    content: '';
    display: inline-block;
    width: .27rem;
    height: .26rem;
    background: url(../images/ico_guanzhu.png) no-repeat;
    background-size: 100% auto;
    margin-right: .08rem;
    position: relative;
    vertical-align: middle;
    top: -.03rem;
}

.sjdp-top .bg .guanzhu span.gz::before {
    background-image: url(../images/ico_guanzhu_on.png);
}

.sjdp-top .bg .guanzhu p {
    height: .32rem;
    line-height: .32rem;
    font-size: .2rem;
}

.sjdp-menu {
    background: #fff;
    height: 1rem;
    border-bottom: 1px solid #b3b3b3;
}

.sjdp-menu ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.sjdp-menu ul li a {
    display: inline-block;
    padding-top: .21rem;
    position: relative;
    height: .79rem;
}

.sjdp-menu ul li i.ico {
    display: block;
    margin: 0 auto;
    line-height: .36rem;
    font-size: .26rem;
}

.sjdp-menu ul li span {
    display: block;
    font-size: .22rem;
}

.sjdp-menu ul li i.ico-index {
    width: .38rem;
    height: .36rem;
    background: url(../images/ico_bot_1.png) no-repeat;
    background-size: 100%;
}

.sjdp-menu ul li.cur a::after {
    content: '';
    display: block;
    height: .03rem;
    width: 100%;
    background: #f23030;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sjdp-menu ul li.cur span, .sjdp-menu ul li.cur i.ico {
    color: #f23030;
}

.sjdp-menu ul li.cur i.ico-index {
    background-image: url(../images/ico_dp_index.png);
}

.sjdp-banner {
    background: #fff;
    padding: .15rem;
}

.sjdp-sp-list {
    padding-top: .15rem;
}

.sjdp-sp-list .xlist ul li a.Go-car {
    background-image: url(../images/ico_car2.png);
}

.sjdp-footmenu ul li {
    width: 25%;
}

.topBannerspi {
    height: 7.4rem;
}

.spi-top-info {
    background: #fff;
    margin-bottom: .16rem;
}

.spi-top-info .info {
    margin: 0 .24rem;
    padding: .1rem 0;
}

.spi-top-info .tit {
    position: relative;
}

.spi-top-info .tit h2 {
    float: left;
    font-weight: normal;
    width: 90%;
    font-size: .3rem;
}

.spi-top-info .tit h2 span {
    display: block;
    font-size: .24rem;
    color: #ff3000;
}

.spi-top-info .tit a.share {
    font-size: .2rem;
    color: #767676;
    position: absolute;
    bottom: .01rem;
    right: 0;
}

.spi-top-info .preicebar span {
    display: block;
    color: #ff3000;
    font-size: .36rem;
}

.spi-top-info .preicebar span b {
    font-size: .48rem;
    font-weight: normal;
}

.spi-top-info .preicebar del {
    display: block;
    color: #aaa;
    font-size: .3rem;
}

.spi-top-info .tt {
    color: #767676;
    font-size: .2rem;
    padding-bottom: .2rem;
}

.spi-top-info .tt span {
    display: block;
    float: left;
    width: 33.33%;
}

.spi-top-info .tt span.num-t {
    text-align: center;
}

.spi-top-info .tt span.didian {
    text-align: right;
}

.spi-man {
    background: #fefbf6;
    margin-bottom: .16rem;
    padding: .2rem .1rem;
}

.spi-man p {
    font-size: .22rem;
    color: #585959;
    line-height: 1.8;
}

.spi-man p em {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    background: #d2a247;
    color: #fff;
    padding: .02rem .08rem;
    border-radius: .05rem;
    margin-right: .05rem;
}

.spi-bz {
    background: #fff;
    margin-bottom: .16rem;
    padding: .2rem 0;
}

.spi-bz span {
    display: block;
    width: 25%;
    text-align: center;
    float: left;
}

.spi-bz span i.ico {
    display: inline-block;
    height: .54rem;
}

.spi-bz span i.ico img {
    width: auto;
    height: 100%;
}

.spi-bz span h2 {
    font-weight: normal;
    color: #838383;
    font-size: .22rem;
}

.spi-intro {
    background: #fff;
    margin-bottom: .16rem;
    padding: .2rem 0;
}

.spi-intro h2 {
    text-align: center;
    font-size: .3rem;
    color: #d2a247;
    font-weight: normal;
}

.spi-intro p {
    font-size: .22rem;
    color: #828280;
    line-height: .36rem;
    text-align: center;
    margin: .1rem .36rem;
}

.spi-intro .btns {
    text-align: center;
    margin-top: .1rem;
}

.spi-intro .btns a {
    display: inline-block;
    font-size: .26rem;
    color: #666;
    border: 1px solid #d9d9d9;
    width: 2.37rem;
    height: .46rem;
    line-height: .46rem;
    margin: 0 .29rem;
    border-radius: .04rem;
}

.spi-pl {
    background: #fff;
    padding: .2rem 0 0;
    margin-top: .16rem;
}

.spi-pl .title {
    text-align: center;
    padding: .36rem 0 .24rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.spi-pl .title em {
    display: inline-block;
    width: .51rem;
    height: .39rem;
    background: url(../images/ico_msg_bg.png) no-repeat;
    background-size: 100% auto;
    color: #fff;
    line-height: .29rem;
}

.spi-pl a.lookmore {
    display: block;
    text-align: center;
    color: #d2a247;
    padding: .2rem 0;
    font-size: .26rem;
    background: #f8f8f8;
}

.plbarall .plbar {
    padding: .15rem .36rem;
    position: relative;
}

.plbarall .plbar::before {
    content: '';
    display: block;
    width: 6.3rem;
    height: 1px;
    background: #cecece;
    position: absolute;
    bottom: 0;
    right: 0;
}

.plbarall .plbar:last-child::before {
    display: none;
}

.plbarall .plbar .userimg {
    float: left;
    width: .68rem;
    height: .68rem;
    border-radius: 100%;
    overflow: hidden;
}

.plbarall .plbar .info {
    float: right;
    width: 5.94rem;
}

.plbarall .plbar .info .t {
    color: #8d8d8d;
    padding: .1rem 0;
}

.plbarall .plbar .info .t span {
    float: left;
    font-size: .26rem;
}

.plbarall .plbar .info .t em {
    float: right;
    font-size: .2rem;
}

.plbarall .plbar .info p {
    font-size: .28rem;
    line-height: .42rem;
}

.spi-continue {
    background: #f1f1f1;
    padding: .3rem 0;
    color: #a3a3a3;
    font-size: .28rem;
    text-align: center;
}

.spi-continue i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .26rem;
    height: .2rem;
    background: url(../images/ico_tuodong.png) no-repeat;
    background-size: 100%;
    margin-right: .18rem;
}

.ljgmbox {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #fff;
    height: 10.25rem;
    z-index: 100;
    transition: all .3s;
    transform: translateY(10.25rem);
}

.ljgmbox .gmimg {
    width: 2.12rem;
    height: 2.12rem;
    border: 1px solid #c2c2c2;
    border-radius: .1rem;
    position: absolute;
    left: .16rem;
    top: -.4rem;
    overflow: hidden;
    display: none;
}

.ljgmbox.open {
    transform: translateY(0);
}

.ljgmbox.open .gmimg {
    display: block;
}

.ljgmbox .gminfo {
    border-bottom: 1px solid #d1d1d1;
    padding: .3rem 0;
}

.ljgmbox .gminfo .wrap {
    margin: 0 1.4rem 0 2.7rem;
}

.ljgmbox .gminfo h2 {
    font-size: .26rem;
    font-weight: normal;
    line-height: 1.5;
}

.ljgmbox .gminfo .price {
    margin-top: .2rem;
}

.ljgmbox .gminfo .price span {
    color: #ff3000;
    margin-right: .18rem;
    font-size: .26rem;
}

.ljgmbox .gminfo .price span b {
    font-size: .48rem;
    font-weight: normal;
}

.ljgmbox .gminfo .price del {
    font-size: .24rem;
    color: #aaa;
}

.ljgmbox .gminfo .price del em {
    font-size: .32rem;
}

.ljgmbox .gmslt {
    margin: 0 .26rem;
    padding: .28rem 0 .36rem;
    border-bottom: 1px solid #d1d1d1;
}

.ljgmbox .gmslt h1 {
    font-weight: normal;
    font-size: .26rem;
    margin-bottom: .1rem;
}

.ljgmbox .gmslt .sltbox span {
    display: block;
    float: left;
    height: .38rem;
    line-height: .38rem;
    padding: 0 .45rem;
    border: 1px solid #c2c2c2;
    border-radius: .1rem;
    margin: 0 .09rem .09rem 0;
    font-size: .26rem;
}

.ljgmbox .gmslt .sltbox span.active {
    border: 1px solid #d2a247;
}

.ljgmbox .gmslt.last {
    border-bottom: none;
}

.ljgmbox .gmnumber {
    width: 2.08rem;
    height: .6rem;
    border: 1px solid #b4b4b5;
    border-radius: .1rem;
}

.ljgmbox .gmnumber i {
    display: block;
    float: left;
    width: .56rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .36rem;
    color: #dc8856;
    border-right: 1px solid #b4b4b5;
}

.ljgmbox .gmnumber i:last-child {
    float: right;
    border-left: 1px solid #b4b4b5;
    border-right: none;
}

.ljgmbox .gmnumber span.zi {
    display: block;
    float: left;
    width: .88rem;
    text-align: center;
    line-height: .6rem;
    font-size: .3rem;
}

.ljgmbox .btns {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.ljgmbox .btns a {
    display: block;
    font-size: .32rem;
    height: .89rem;
    background: #d2a247;
    color: #fff;
    text-align: center;
    line-height: .89rem;
}

.order-tab {
    background: #fff;
    text-align: center;
    box-shadow: 0 0 .05rem #e1e1e1;
}

.order-tab ul li {
    float: left;
    width: 16.66667%;
}

.order-tab ul li a {
    display: block;
    height: .79rem;
    line-height: .79rem;
    position: relative;
    font-size: .28rem;
    color: #d6ab58;
}

.order-tab ul li.active a::after {
    content: '';
    display: block;
    width: .93rem;
    height: .04rem;
    background: #d79747;
    position: absolute;
    left: 50%;
    margin-left: -.46rem;
    bottom: 0;
}

.order-none {
    text-align: center;
    padding: .86rem 0;
}

.order-none .ico {
    width: 1.86rem;
    margin: 0 auto;
    display: block;
}

.order-none p.p1 {
    font-size: .24rem;
    line-height: 1.5;
}

.order-none p.p2 {
    font-size: .16rem;
    color: #676767;
    line-height: 1.5;
}

.order-none a.goshop {
    display: inline-block;
    font-size: .22rem;
    color: #fff;
    padding: .08rem .15rem;
    background: #d2a247;
    border-radius: .1rem;
    margin-top: .2rem;
}

.fx-ico {
    background: #fff;
    padding: .38rem .1rem;
}

.fx-ico ul li {
    float: left;
    width: 25%;
}

.fx-ico ul li i {
    display: block;
    margin: 0 auto;
    width: 1.07rem;
    height: 1.07rem;
}

.fx-ico ul li p {
    text-align: center;
    font-size: .26rem;
    padding-top: .15rem;
}

.fx-link {
    background: #fff;
    margin-top: .15rem;
}

.fx-link ul li {
    border-bottom: 1px solid #9d9d9d;
}

.fx-link ul li:last-child {
    border-bottom: none;
}

.fx-link ul li a {
    display: block;
    height: .8rem;
    line-height: .8rem;
    position: relative;
}

.fx-link ul li h2 {
    font-weight: normal;
    float: left;
    font-size: .26rem;
    margin-left: .28rem;
}

.fx-link ul li i.ico-go {
    display: block;
    width: .14rem;
    height: .19rem;
    background: url(../images/ico_video_go.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: .45rem;
    top: 50%;
    margin-top: -.1rem;
}

.fx-link ul li a:active {
    background: #fafafa;
}

.order-item {
    background: #fff;
    margin-top: .11rem;
}

.order-item ul {
    margin: 0 .17rem;
}

.order-item ul li {
    border-bottom: 1px solid #e7e7e7;
    padding: .12rem 0;
}

.order-item ul .bh {
    line-height: 1.5;
}

.order-item ul .bh span.bianhao {
    float: left;
    font-size: .24rem;
    color: #999;
}

.order-item ul .bh span.bianhao i.ico {
    display: inline-block;
    vertical-align: middle;
    width: .25rem;
    height: .28rem;
    background: url(../images/me/icotop_Dpu_4.png) no-repeat;
    background-size: 100%;
    margin-right: .05rem;
}

.order-item ul .bh span.state {
    float: right;
    font-size: .22rem;
    color: #e2c389;
}

.order-item ul .danwei span.photo {
    display: inline-block;
    width: .55rem;
    height: .5rem;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden;
    vertical-align: middle;
    margin-right: .18rem;
}

.order-item ul .danwei em {
    display: inline-block;
    vertical-align: middle;
    font-size: .26rem;
    color: #505050;
}

.order-item ul .sp-info .img {
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border: 1px solid #e6e6e6;
    margin: 0 .2rem 0 0;
}

.order-item ul .sp-info .info {
    float: left;
    width: 4.4rem;
}

.order-item ul .sp-info .info h2 {
    font-size: .26rem;
    color: #505050;
    font-weight: normal;
}

.order-item ul .sp-info .info span.num {
    display: block;
    font-size: .22rem;
    color: #999;
    padding: .1rem 0;
}

.order-item ul .sp-info .prc {
    float: right;
    text-align: right;
}

.order-item ul .sp-info .prc span.price {
    display: block;
    font-size: .26rem;
    color: #505050;
}

.order-item ul .sp-info .prc em {
    display: block;
    font-size: .22rem;
    color: #999;
    padding: .1rem;
}

.order-item ul .time {
    text-align: right;
    font-size: .22rem;
    color: #505050;
}

.order-item ul .yfd span.yunfei {
    float: left;
    color: #505050;
    font-size: .22rem;
}

.order-item ul .yfd span.yunfei em {
    color: #999;
}

.order-item ul .yfd span.allprice {
    float: right;
    font-size: .22rem;
}

.order-item ul .kong {
    height: 44px;
}

.order-item ul .btns {
    text-align: right;
}

.order-item ul .btns a {
    display: inline-block;
    text-align: center;
    width: 1.3rem;
    height: .53rem;
    border-radius: .1rem;
    border: 1px solid #e7e7e7;
    color: #666666;
    line-height: .53rem;
    font-size: .22rem;
    margin-left: .1rem;
}

.order-item ul .btns a.color {
    background: #d2a247;
    border: 1px solid #da934d;
    color: #fff;
}

.meinner-msg {
    background: #fff;
    margin-top: 0.88rem;
}

.msg-search {
    margin: .1rem .3rem 0;
    border-bottom: 1px solid #fff;
    position: relative;
    height: .6rem;
}

.msg-search::before {
    content: '';
    display: block;
    width: 1px;
    height: .1rem;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.msg-search::after {
    content: '';
    display: block;
    width: 1px;
    height: .1rem;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.msg-search .txt {
    background: none;
    height: .6rem;
    width: 86%;
    color: #fff;
    margin-left: .1rem;
    font-size: .28rem;
}

.msg-search .txt::-webkit-input-placeholder {
    color: #fff;
}

.msg-search .srhbtn {
    width: .36rem;
    height: .36rem;
    background: url(../images/ico_search2.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: .1rem;
    right: .1rem;
}

.msg-manlist {
    background: #fff;
}

.msg-manlist ul {
    margin-left: .38rem;
}

.msg-manlist ul li {
    border-bottom: 1px solid #ededed;
}

.msg-manlist ul li a {
    display: block;
    padding: .3rem 0;
}

.msg-manlist ul li .img {
    float: left;
    width: 1.07rem;
    height: 1.07rem;
    overflow: hidden;
    border-radius: 100%;
}

.msg-manlist ul li .info {
    float: left;
    width: 4.62rem;
    margin-left: .28rem;
}

.msg-manlist ul li .info h2 {
    font-size: .36rem;
    margin-top: .05rem;
    font-weight: normal;
}

.msg-manlist ul li .info p {
    color: #919191;
    font-size: .26rem;
}

.msg-manlist ul li .ico-msg {
    float: right;
    display: block;
    width: .61rem;
    height: .61rem;
    background: url(../images/ico_msg2.png) no-repeat;
    margin-top: .2rem;
    margin-right: .3rem;
}

.topbar-lxr h2.title {
    color: #fff;
}

.topbar-lxr a.btn-addlxr {
    color: #fff;
    float: right;
    font-size: .24rem;
    line-height: .88rem;
    margin-right: .3rem;
}

.topbar-lxr a.btn-addlxr i.icolxr {
    display: inline-block;
    width: .23rem;
    height: .23rem;
    background: url(../images/ico_add2.png) no-repeat;
    background-size: 100% auto;
    margin-left: .1rem;
    vertical-align: middle;
}

.lxrlist {
    background: #fff;
}

.lxrlist ul li {
    margin:0 .15rem;
    padding: .2rem 0;
    position: relative;
    border-bottom: 1px #eee solid;
}
.lxrlist ul li:last-child {
	border-bottom: none;
}
.lxrlist ul li a {
    display: block;
}
.lxrlist ul li a .newmsg{position: absolute;width:.3rem; height: .3rem; font-size: .2rem; border-radius: .3rem; text-align: center; line-height: .3rem; background: #c40000;color:#fff; left: .6rem; top:.05rem;}
.lxrlist ul li .img {
    width: .86rem;
    height: .86rem;
    overflow: hidden;
    float: left;
    border-radius: .1rem;
}

.lxrlist ul li .info {
    float: left;
    margin-left: .18rem;
    width: 4.2rem;
}

.lxrlist ul li .info h2 {
    font-weight: normal;
    font-size: .3rem;
    margin-top: 0rem;
    margin-bottom: .1rem;
    color: #747474;
}
.lxrlist ul li .info p {
    font-size: .26rem;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}

.lxrlist ul li .time {
    float: right;
    color: #999;
    font-size: .22rem;
}

/*.lxrlist ul li::after {
    content: '';
    display: block;
    left: .8rem;
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: 0;
    layout-flow: 0;
    right: 0;
}*/

.lxrlist ul li:last-child::after {
    display: none;
}
.dialogue ul li .info h2 {
    font-weight: normal;
    font-size: .3rem;
    margin-top: 0rem;
    margin-bottom: .14rem;
    color: #d2a247!important;
}
.lxr-fenge {
    height: .16rem;
    background: #f4f4f4;
}

.foot-back {
    background: #fff;
    border-top: 1px solid #ededed;
    width: 100%;
    height: 1.3rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.foot-back .backform {
    float: left;
    margin: .26rem 0 0 .39rem;
    width: 5.16rem;
    border-bottom: 1px solid #E5007E;
    position: relative;
}

.foot-back .backform::before {
    content: '';
    display: block;
    width: 1px;
    height: .1rem;
    background: #d2a247;
    position: absolute;
    left: 0;
    bottom: 0;
}

.foot-back .backform::after {
    content: '';
    display: block;
    width: 1px;
    height: .1rem;
    background: #d2a247;
    position: absolute;
    right: 0;
    bottom: 0;
}

.foot-back .backform .backipt {
    height: .7rem;
    line-height: .7rem;
    padding: 0 .2rem;
    width: 4.7rem;
    font-size: .3rem;
    overflow-y: auto;
    -webkit-user-select:text;
}

.foot-back a.bn-photo {
    float: left;
    display: block;
    width: .69rem;
    height: .69rem;
    position: relative;
    background: #E5007E;
    border-radius: 100%;
    margin: .3rem 0 0 .15rem;
}

.foot-back a.bn-photo i.ico-photo {
    display: block;
    width: .34rem;
    height: .34rem;
    background: url(../images/xiaoxi/ico_photo.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.17rem;
    margin-top: -.14rem;
}

.foot-back a.bn-send {
    float: left;
    display: block;
    width: .69rem;
    height: .69rem;
    position: relative;
    background: #E5007E;
    border-radius: 100%;
    margin: .3rem 0 0 .15rem;
}

.foot-back a.bn-send i.ico-send {
    display: block;
    width: .33rem;
    height: .33rem;
    background: url(../images/xiaoxi/ico_huifu.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.19rem;
    margin-top: -.16rem;
}

@media only screen and (min-width: 750px) {
    .foot-back {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

.meinner-msg-bavk {
    bottom: 1.3rem;
}

.date-msg {
    padding: .3rem .26rem;
}

.date-msg .datetime {
    text-align: center;
    font-size: .26rem;
    color: #999;
    padding: .3rem 0;
}

.msg-you {
    padding: .22rem 0;
    margin-right: .5rem;
}

.msg-you .you-img {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    overflow: hidden;
    border-radius: .1rem;
    vertical-align: top;
    position: relative;
    /*top: .1rem;*/
}

.msg-you .you-info {
    display: inline-block;
    margin-left: .3rem;
    vertical-align: top;
    max-width: 5rem;
    position: relative;
}
.msg-you .you-info::after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-right: .1rem solid #f56262;
    border-top: .15rem solid transparent;
    border-bottom: .15rem solid transparent;
    position: absolute;
    top: .25rem;
    left: -.1rem;
}
.msg-you .you-info p {
    padding: .15rem .3rem;
    background: #d2a247;
    border-radius: .08rem;
    color: #fff;
    font-size: .32rem;
    line-height: 1.5;
}

.msg-you.msg-you-read .you-info p {
    background: #f56262;
}

.msg-you .msgphotos {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
    margin-left: 1rem;
    margin-top: .3rem;
    border-radius: .05rem;
    overflow: hidden;
}

.msg-you .msgphotos .loadingimg {
    height: .36rem;
    padding-top: .34rem;
    background: url(../images/line-photo.jpg) repeat-x;
    background-size: auto 100%;
}

.msg-you .msgphotos .loadingbar {
    width: 5.08rem;
    height: .05rem;
    background: #c6c6c6;
    margin: 0 auto 0;
    position: relative;
}

.msg-you .msgphotos .loadingbar .yuloading {
    background: #cfbe9f;
    height: .05rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.msg-you .msgphotos .loadingbar .charts {
    background: #d2a247;
    height: .05rem;
    position: relative;
    z-index: 2;
}

.msg-you .msgphotos .loadingbar em {
    display: block;
    width: .24rem;
    height: .24rem;
    background: #d2a653;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -.12rem;
    z-index: 3;
}

.msg-me {
    padding: .22rem 0;
    text-align: right;
    margin-left: .5rem;
}

.msg-me .me-img {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    overflow: hidden;
    border-radius: .1rem;
    vertical-align: top;
    position: relative;
   /* top: .1rem;*/
}

.msg-me .me-info {
    display: inline-block;
    margin-right: .3rem;
    vertical-align: top;
    max-width: 5rem;
    text-align: right;
    position: relative;
}
.msg-me .me-info::after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: .1rem solid #fff;
    border-top: .15rem solid transparent;
    border-bottom: .15rem solid transparent;
    position: absolute;
    top: .25rem;
    right: -.1rem;
}
.msg-me .me-info p {
    display: inline-block;
    padding: .15rem .3rem;
    background: #fff;
    border-radius: .08rem;
    color: #5e5e5e;
    font-size: .32rem;
    line-height: 1.5;
    text-align: left;
}


/*emoji*/

.popemoji, .popuploadimg {
    position: fixed;
    width: 96%;
    padding: 10px 2%;
    height: auto;
    bottom: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    z-index: 10000;
}

.none {
    display: none;
}

.popemoji li {
    float: left;
    width: 24px;
    height: 24px;
    margin: 3px;
}

.popemoji li img {
    width: 100%;
    height: auto;
}

.popuploadimg {
    text-align: center;
}

.popzoomin {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #000;
    left: 0;
    top: 0;
    z-index: 10001;
}

.popzoomin img {
    width: 100%;
    height: auto;
}
/*搜索*/
.btn-search{
	width: .4rem;
    height: .4rem;
    float: right;
    margin: .22rem .3rem 0 0;
}
.header-gz { height: .9rem; background: #E5007E; /*border-bottom: 1px solid #e5e5e5;*/ position: relative; }
.header-gz .searchbox { margin: .13rem .2rem 0 .3rem;width: 6rem;display: inline-block;float: left; }
.header-gz .add { position: absolute; right: .4rem; top: .16rem; }
.header-gz .add a { display: block; width: .53rem; height: .53rem; background: url(../images/ico_add.png) no-repeat; background-size: 100%; }
.header-gz a.btn-back { display: block; float: left; margin: .25rem 0 0 .3rem; }
.header-gz a.btn-back i.ico { display: block; width: .19rem; height: .31rem; background: url(../images/ico_back.png) no-repeat; background-size: 100%; }
.header-gz h2.title { text-align: center; position: absolute; left: 1rem; right: 1rem; top: 0; height: .87rem; line-height: .87rem; font-size: .34rem; font-weight: normal; color: #fff; }
.header-gz a.btn-finish { color: #f74c31; float: right; line-height: .87rem; margin-right: .3rem; font-size: .3rem; }
.hm-header .searchbox .srhwrap { background: #fff; height: .64rem; line-height: .64rem; border-radius: .32rem; overflow: hidden; }
.hm-header .searchbox .ico { display: inline-block; float: left; width: .3rem; height: .3rem; background: url(../images/ico_search_black1.png) no-repeat; background-size: 100%; margin: .17rem .16rem 0 .25rem;    padding: 0;border: none; }
.hm-header .searchbox .txt { height: .64rem; background: none; font-size: .26rem; color: #666666; width: 80%;border: none;margin-bottom: 0;padding: 0;line-height: .64rem; }
.people{
	display: inline-block;
    width: 0.48rem;
    float: right;
    margin: 0.18rem 0.3rem 0 0rem;
}
.contact-search{
	background: #E5007E!important;
}
.contact-search .searchbox { margin: .13rem .4rem!important;width: 6.7rem!important;}
.btn-right{
	width: .58rem;
    height: .58rem;
    float: right;
    margin: .15rem .2rem 0 0;
}
/*联系人*/
.contact{
    background: #fff;
    margin-top: 0.88rem;
    position: absolute;
    width: 100%;
    top: .0rem;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    background: #f1f1f1;
    overflow-y: auto;
}
.contact>.msg-manlist ul {
    margin: 0 .3rem;
}
.contact>.msg-manlist ul li {
    border-bottom: 1px solid #ededed;
}
.contact>.msg-manlist ul li a {
    display: block;
    padding: .2rem 0;
}
.contact>.msg-manlist ul li .img {
    float: left;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    border-radius: .1rem;
}
.contact>.msg-manlist ul li .info {
    float: left;
    width: 4.62rem;
    margin-left: .28rem;
}
.contact>.msg-manlist ul li .info h2 {
    font-size: .32rem;
    margin-top: .05rem;
    font-weight: normal;
    margin-bottom: 0.16rem;
}
.contact>.msg-manlist ul li .info p {
    color: #919191;
    font-size: .26rem;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.contact>.msg-manlist ul li .contact-ico{
    float: right;
    display: block;
    width: .6rem;
    height: .6rem;
    margin-top: .2rem;
}
.tianjia-right{
	float: right;
    display: block;
}
.tianjia-right p{
	line-height: 1rem;
	color: #999999;
	font-size: .24rem;
}
.tianjia-right button{
	background: transparent;
    border: 1px #E5007E solid;
    padding: 0rem .16rem;
    color: #E5007E;
    font-size: .24rem;
    border-radius: .08rem;
    line-height: .44rem;
    margin-top: .28rem;
}
/*交易物流信息*/
.logistic-main{
	margin: 0 0.3rem;
	width: calc(100% - .6rem)!important;
}
.logistic-main ul{
	padding: 0.3rem 0 .97rem;
	width: 100%;
}
.logistic-main-time{
	width: 100%;
    text-align: center;
    color: #999999;
    font-size: .26rem;
}
.logistic-main-each{
	margin: 0.3rem 0;
    background-color: #fff;
    border-radius: 0.1rem;
    padding: 0.3rem;
}
.logistic-main-each-top{
	width: 100%;
	margin-bottom: .2rem;
	display: inline-block;
}
.logistic-main-each-top-left{
	float: left;
	color: #333;
	font-size: .3rem;
	width: 4.6rem;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.logistic-main-each-top-right{
	float: right;
	color: #18ba1c;
	font-size: .3rem;
}
.logistic-main-each-bot{
	width: 100%;
    display: inline-block;
}
.logistic-main-each-pic{
	float: left;
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-right: 0.3rem;
}
.logistic-main-each-font{
	float: left;
	display: inline-block;
	width: 4.8rem;
	color: #666666;
	font-size: .28rem;
	margin-top: 0.1rem;
	line-height: 0.5rem;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*空白页*/
.screen{
    display: none;
    text-align: center;
    padding: 2rem 0;
    /*background-color: #fff;*/
    height: calc(100% - 4rem);
}
.screen-none-pic {
    width: 2.6rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 0.7rem;
}
.screen-none-font {
    font-size: .3rem;
    color: #666666;
    line-height: 1.5;
    text-align: center;
}
/*通知消息*/
.notice-main-each-top{
	color: #333;
    font-size: .3rem;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.notice-main-each-font{
    display: inline-block;
    width: 100%;
    color: #666666;
    font-size: .28rem;
    margin-top: 0.1rem;
    /*height: 1rem;*/
    line-height: 0.5rem;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*添加好友*/
.contact>.msg-manlist ul li .info h2.addname{
    font-size: .32rem;
    margin: 0rem!important;
    font-weight: normal;
    line-height: 1rem;
}
.addname-btn{
    float: right;
}
.addname-btn>button{
    background: #fcd70d;
    border: none!important;
    padding: .08rem .1rem;
    border-radius: .04rem;
    color: #fff;
    margin: .22rem 0 0 0;
    line-height: .4rem;
}